Forms Twiiter引导-表单下拉分隔符和标题

使用Twitter Boostrap，我试图创建一个表单下拉列表，在下拉列表中使用分隔符，对应于每个部分。可能吗

我想创建如下内容：

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

1.
2.
3.
4.
5.
6.

要实现这一点，您可以使用

项目1
项目2
项目3
项目1
项目2
项目3
​

---

更新的fiddle:

你试过optgroup吗？试过了，但没有缩进，这就是它对我不起作用的原因。我会接受你的答案，但对于未来的读者来说，缩进很重要，这一点可能值得注意。对于那些使用backbone.js的读者，相关文章是这个问题的延伸：

<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>​