2

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>
4

1 に答える 1

3

答えが見つかりました..これは、デフォルトの Site.css ファイルとの CSS の競合が原因でした。 body10 px の上部境界線があり、ポップオーバーのずれが発生していました。また、a に変更<aする<buttonと、ボタンが正しくレンダリングされました。

于 2012-05-23T02:39:57.753 に答える