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

JSFiddle included

我想创建类似的东西:

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

请您参考如下方法:

为此，您可以使用 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>​