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下載網)

分享到:

------分隔線----------------------------
? 35选7福利彩票