2

こんにちは私はseyhunak/twitter-bootstrap-railsgemでtwitterブートストラップポップオーバー機能を使用しています。

私の見解では、次のコードがあります。

<ul class="nav nav-pills subnav">
  <li>
    <a class="label-with-popover" data-content="popover content" data-title="popover title">Home Valuations:</a>
  </li>
</ul>

私のpage.js.coffeの次の

jQuery ->
$('.label-with-popover').popover()

ポップオーバーが表示されますが、次のようになります。

ブートストラップポップオーバーは、余分な垂直線で奇妙に表示されます

ブートストラップポップオーバーは、余分な垂直線が入った奇妙な表示になります。これを修正する方法を知っている人はいますか？

さらに情報が必要な場合はお知らせください。

4

1 に答える 1

2

BootstrapCSSとプロジェクト用に作成したCSSの間に多数の衝突があります。将来的には、のような独自の汎用クラスに名前空間を使用することを検討する必要があります。そうしないと.arrow、CSSがそのような一般的なクラス名を使用するサードパーティライブラリ（Bootstrapなど）に干渉します。

これがあなたのフィドルの編集です：http：//jsfiddle.net/5rT9t/1/

marginの宣言.content、のpadding値を削除し.arrow、厳密にはデモ用に、ポップオーバーをオフセットするためのコンテナdivを追加して、全体を確認できるようにしました。

于 2012-10-07T19:33:17.137 に答える