6g下载网
当前位置: 主页 > 软件教程 > 编程开发 >

Bootstrap下拉选择框select怎么设置?Bootstrap下拉选择框设置方法

时间: 2016-09-07 12:11 来源: 本站整理

分享到:

今天小编整理一篇Bootstrap下拉选择框select怎么设置?Bootstrap下拉选择框设置方法的文章和大家分享,希望能给大家提供帮助。

问题分析:

Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格。

Bootstrap下拉选择框select源代码:

  1. <form role="form"> 
  2.   <div class="form-group"> 
  3.     <select class="form-control">   
  4.       <option>1</option>   
  5.       <option>2</option>   
  6.       <option>3</option>   
  7.       <option>4</option>   
  8.       <option>5</option>   
  9.       </select> 
  10.   </div> 
  11.   <div class="form-group"> 
  12.       <select multiple class="form-control">   
  13.         <option>1</option>   
  14.         <option>2</option>   
  15.         <option>3</option>   
  16.         <option>4</option>   
  17.         <option>5</option>   
  18.       </select> 
  19.   </div> 
  20.  
  21. </form>    

Bootstrap下拉选择框select效果图:

Bootstrap下拉选择框select怎么设置?Bootstrap下拉选择框设置方法

Bootstrap下拉选择框select怎么设置?Bootstrap下拉选择框设置方法的文章和大家分享结束,感谢阅读!

(责任编辑:6g下载网)

分享到:

------分隔线----------------------------