forms - TwiiterBootstrap-ドロップダウンの仕切りと見出しを形成する

Question

Twitter Boostrapを使用して、各セクションに対応するドロップダウン内に仕切りがあるフォームドロップダウンを作成しようとしています。それは可能ですか？

JSFiddleが含まれています

次のようなものを作成したいと思います。

<!--GROUP-->
<option>1</option>
<option>2</option>
<option>3</option>
<!--GROUP-->
<option>4</option>
<option>5</option>
<option>6</option>

Answer 1

これを達成するために、あなたは使用することができますoptgroup

<div class="container">
    <select>
        <optgroup label="Group 1">
            <option>Item 1</option>
            <option>Item 2</option>
            <option>Item 3</option>
        </optgroup>
        <optgroup label="Group 2">
            <option>Item 1</option>
            <option>Item 2</option>
            <option>Item 3</option>
        </optgroup>
    </select>
</diV>​

更新されたフィドル：http：//jsfiddle.net/codovations/M8pSH/