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

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 像素，导致弹出框未对齐
另外，我改了 <a到 <button并且按钮呈现正确。