forms - Twiiter Bootstrap - 表单下拉分隔符和标题

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/