4

私はブートストラップを使用して、Facebook のような e コマースのトップ ナビゲーション バーを作成しようとしています。一番右のトップ リンクにドロップダウンを追加しているので、リンク「アカウント」はアカウント関連のアクションのドロップダウンを表示します。

ドロップダウン メニューは適切に右に配​​置されていますが、メニュー パネルの上部に表示される小さな矢印は左に配置されており、ナビゲーション バーの前のリンクを指しています。

それを確認するには、このフィドルを参照してください (ナビゲーションバーが折りたたまれないように全画面表示): http://jsfiddle.net/v3wgt/1/embedded/result/

そしてここのコード: http://jsfiddle.net/v3wgt/2/

これに対する修正/回避策/代替手段はありますか?

4

2 に答える 2

3

pull-right完全を期すために、解決策は次のようにクラスを親 UL に追加することでした。

<ul class="nav pull-right">
   ... your links here
   <li class="dropdown">your dropdown item</li>
</ul>
于 2012-04-20T09:46:36.157 に答える