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/