は、ブートストラップは、上記に示したように、私は（画像の緑丸で囲んだ）「ドロップダウン・キャレット」でドロップダウンメニューを作るために勉強したいドロップダウンキャレット

Question

http://i.imgur.com/gvNOQ7p.png

を追加します。 私はtwitterのソースを見ましたが、それは<li class="dropdown-caret"></li>として持っているようですが、私はBootstrapを使ってそれを作ることができませんでした。 これはブートストラップには含まれていませんか、それとも間違っていますか？

さらに、デフォルトの権限の代わりにドロップダウンメニューを左に揃えるにはどうすればよいですか？画像に示すように、ドロップダウンメニューは左に揃えられます。

Answer 1

ナビゲーションバー内でドロップダウンを使用している場合、Twitterブートストラップはデフォルトでキャレットを追加します。

.navbar .nav > li > .dropdown-menu::before { 
    position: absolute; 
    top: -7px; 
    left: 9px; 
    display: inline-block; 
    border-right: 7px solid transparent; 
    border-bottom: 7px solid #CCC; 
    border-left: 7px solid transparent; 
    border-bottom-color: rgba(0, 0, 0, 0.2); 
    content: ''; 
} 

.navbar .nav > li > .dropdown-menu::after { 
    position: absolute; 
    top: -6px; 
    left: 10px; 
    display: inline-block; 
    border-right: 6px solid transparent; 
    border-bottom: 6px solid white; 
    border-left: 6px solid transparent; 
    content: ''; 
} 

このDOM構造を持っているか、スタイルをコピーしてください。

希望すると便利です。

Answer 2

あなたはそれがどのように動作するか、確認することができ、ブートストラップ

ここ

Found Docu here

でポップオーバー機能を使用することができます。