97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

1、BootStrap組件——按鈕組：
 .btn-group>.btn*5；
 .btn-group-justified；
 .btn-group-lg/sm/xs；
 .btn-group-vertical——豎直按鈕組；
2、BootStrap組件——下拉菜單：
 下拉菜單必須三級結(jié)構(gòu)：
  <div class="dropdown">
   <a data-toggle="dropdown">觸發(fā)元素</a>
   <ul class="dropdown-menu">
    ...
   </ul>
  </div>
3、BootStrap組件——導(dǎo)航：
 ①標(biāo)簽頁式導(dǎo)航：
  <ul class="nav nav-tabs">
   <li calss="active">
    <a data-toggle="tab"></a>
   </li>
  </ul>
 ②膠囊式導(dǎo)航：
  <ul class="nav nav-pills [nav-justified nav-stacked]">
   <li class="active">
    <a data-toggle="tab"></a>
   </li>
  </ul>
 ③導(dǎo)航條中的導(dǎo)航：
  <ul class="nav navbar-nav">
   <li class="active">
    <a data-toggle="tab"></a>
   </li>
  </ul>
4、BootStrap組件——警告框：
 <div class="alert alert-danger/warning/... alert-dismissible">
  <span class="close" data-dismiss="alert">&times;</span>
  <p>...</p>
 </div>
5、BootStrap組件——進(jìn)度條：
 <div class="progress">
  <div class="progress-bar" style="width:30%"></div>
 </div>
 * 可以使用定時器修改進(jìn)度條寬度，讓它動起來；
6、BootStrap組件——列表組：
 ①使用ul>li實(shí)現(xiàn)：
  <ul class="list-group">
   <li class="list-group-item"></li>
  </ul>
 ②使用div>a實(shí)現(xiàn):
  <div class="list-group">
   <a class="list-group-item"></a>
  </div>
7、BootStrap組件——縮略圖：
 * 配合柵格系統(tǒng)使用，實(shí)現(xiàn)批量展示；
 <a class="thumbnail">
  <img src="">
 </a>
 <div class="thumbnail">
  <img>
  <div class="caption"></div>
 </div>
8、BootStrap組件——面板和面板組：
 * 多個面板組實(shí)現(xiàn)"手風(fēng)琴"組件：
  <div class="panel panel-danger/warning/.../default">
   <div class="panel-heading"></div>
   <div class="panel-body"></div>
   <div class="panel-footer"></div>
  </div>
9、BootStrap中JS插件——折疊效果：
 <button data-toggle="collapse" data-target="#b"></buttn>
 <a data-toggle="collapse" href="#b"></a>
 ...
 <div id="b" class="collapse in"></div>
10、BootStrap組件——響應(yīng)式導(dǎo)航條：
 * 響應(yīng)式導(dǎo)航條必須配合折疊效果插件使用；
 導(dǎo)航條分類：
  ①按顏色分：
   白底黑字——.navbar-default；
   黑底白字——.navbar-inverse；
  ②按定位方式分：
   相對定位——默認(rèn)；
   固定定位——.navbar-fixed；
  ③按所在位置分：
   固定在頂部——.navbar-fixed-top；
   固定在底部——.navbar-fixed-bottom；
 實(shí)現(xiàn)：
  <div class="navbar navbar-default">
   <div class="container">
    <!--導(dǎo)航條頭部=brand+toggle-->
    <div class="navbar-header">
    ...
    </div>
    <!--導(dǎo)航條折疊部分=導(dǎo)航+鏈接+表單+按鈕...-->
    <div id="my-menu" class="collpase navbar-collpase">
    ...
    </div>
   </div>
  </div>