Twiiter Bootstrap - ngăn xếp biểu mẫu thả xuống và tiêu đề

Question

Sử dụng Twitter Boostrap, tôi đang cố tạo một trình đơn thả xuống có các ngăn trong trình đơn thả xuống, tương ứng với từng phần. Điều đó có thể không?

JSFiddle included

tôi muốn tạo một cái gì đó như:

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

Answer 1

Để đạt được điều này, bạn có thể sử dụng 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>​ 

fiddle Cập nhật: http://jsfiddle.net/codovations/M8pSH/