Bootstrap系列 -- 15. 下拉选择框select

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

 

  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>   

 

相关文章
|
前端开发 JavaScript
【BootStrap】关于Select下拉框选择触发事件以及扩展
【BootStrap】关于Select下拉框选择触发事件以及扩展
717 0
【BootStrap】关于Select下拉框选择触发事件以及扩展
|
前端开发 Java
bootstrap下拉框式标签页
菜鸟教程 Java jmeter ejb   其中  
935 0
|
前端开发 JavaScript
【BootStrap】关于Select下拉框选择触发事件以及扩展
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项。
1775 0
|
JavaScript 前端开发
第六章 使用 Bootstrap Typeahead 组件(百度下拉效果)(续)
官方:http://twitter.github.io/typeahead.js/ 示例:http://twitter.github.io/typeahead.js/examples/(本文展示:Open Source Projects by Twitter) 项目源码:https://github.
846 0
|
JavaScript 前端开发 索引
第五章 使用 Bootstrap Typeahead 组件(百度下拉效果)
推荐链接:http://www.cnblogs.com/haogj/p/3376874.html   UnderScore官网:http://underscorejs.org/ 参考文档:http://www.
870 0
N..
|
6月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
66 0
|
前端开发 容器