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

baacloud免费翻墙vpn注册使用

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

 

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏