Bootstrap系列 — 15. 下拉选择框select – 贺臣 – 博客园

来源: Bootstrap系列 — 15. 下拉选择框select – 贺臣 – 博客园

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>
复制代码

 

分享到:更多 ()