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

Question

我在MVC 4项目中使用Twitter的Bootstrap，它基本上可行，但样式关闭。例如，这就是popover的样子：

但是，该按钮呈现错误：

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

对可能发生的事情的任何想法？这是我的.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，这导致了popover的错位 此外，我将<a更改为<button并正确呈现了按钮。