Bootstrap系列 -- 15. 下拉選擇框select

賀臣發表於2015-06-24

 

  Bootstrap框架中的下拉選擇框使用和原始的一致,多行選擇設定multiple屬性的值為multiple。Bootstrap框架會為這些元素提供統一的樣式風格

 

<form role="form">
  <div class="form-group">
    <select class="form-control"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
      </select>
  </div>
  <div class="form-group">
      <select multiple class="form-control"> 
        <option>1</option> 
        <option>2</option> 
        <option>3</option> 
        <option>4</option> 
        <option>5</option> 
      </select>
  </div>
  
  
  <div class="form-group">
      <select multiple class="form-control"> 
        <option>踢足球</option> 
        <option>游泳</option> 
        <option>踢足球</option> 
        <option>游泳</option> 
        <option>踢足球</option> 
        <option>游泳</option> 
        <option>踢足球</option> 
        <option>游泳</option> 
        <option>踢足球</option> 
        <option>游泳</option> 
        <option>踢足球</option> 
        <option>游泳</option> 
      </select>
  </div>
  
</form>   

 

相關文章