asp.net-mvc - ASP.NET MVC 4 - Twitter 引导渲染问题

Question

我在 MVC 4 项目中使用 Twitter 的 Bootstrap，它基本上可以工作，但是样式已关闭。例如，这是一个弹出框的样子：

但是，按钮呈现不正确：

并且弹出箭头未正确对齐：

对可能发生的事情有任何想法吗？这是我的 .cshtml 文件：

<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css"/>
<script src="@Url.Content("~/Scripts/bootstrap.js")"></script>

<div class="well">  
<a href="#" id="example" class="btn btn-danger" rel="popover" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  
</div>  

<script>
    $(function () {
        $("#example").popover();
    });  
</script>  

Answer 1

找到了答案.. 这是由于 CSS 与默认 Site.css 文件冲突。 body有一个 10 px 的顶部边框，这导致了弹出框的错位另外，我更改<a为 a<button并且按钮正确呈现。