ブートストラップのグリフコンのドロップダウン

Question

私は、ブートストラップのドロップダウンコンポーネントで構築された選択のようなコントロールに取り組んでいます。あなたはそれを見ることができますhere。選択されたオプションにはokグリフィコンが付いています。

私はかなり奇妙な問題に直面しています。

1. 開き、ドロップダウンをし、いくつかのオプションはすべてのテキストラベルが

2. クローズとオープンドロップダウン再び

3. テキストで均等に並んでいることを

   

4. 注意を選択：再現手順以前に選択されたオプションはわずかにシフトされます。クローム54/55でテスト

   

。

アイデア？前もって感謝します。

Answer 1

これはinline-blockプロパティによるものです。 li.selectedにdisplay: flexプロパティを使用してください。同様：

li.selected { 
    display: flex; 
} 

私はあなたのPlunkerコードを更新しました。見てください。

希望すると便利です。

Answer 2

あなたはこれを試すことができます。

.open>.dropdown-menu { 
    padding: 5px; 
} 

li.selected { 
    padding-left: 0px; 
} 

は私のために正常に動作。