Twitter Bootstrap - 表格下拉分隔线和标题

Question

使用Twitter Boostrap，我正在尝试在下拉列表中创建一个带有分隔符的表单下拉列表，对应于每个部分。这可能吗？

JSFiddle included

我想创建类似的东西：

<!--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/