Twiiter Bootstrap - 表單下拉分隔符和標題

使用Twitter Boostrap，我試圖在下拉菜單中使用分隔符創建表單下拉菜單，對應於每個部分。那可能嗎？Twiiter Bootstrap - 表單下拉分隔符和標題

我想創造的東西，如：

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

來源

2012-12-04 snakesNbronies

你嘗試OPTGROUP？ – naveen

嘗試過，但沒有縮進，這是它不適合我的原因。我會接受你的回答，但可能值得注意的是未來的讀者縮進至關重要。 – snakesNbronies

對於那些使用backbone.js的人來說，這個問題的擴展爲相關文章：http://stackoverflow.com/questions/13717366/backbone-marionette-passing-variable-to-composite-view-tag – snakesNbronies

要做到這一點，你可以使用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/

來源

2012-12-04 09:04:15 naveen

Twiiter Bootstrap - 表單下拉分隔符和標題

回答

相關問題