bootstrap 常用記錄
阿新 • • 發佈:2019-01-24
1. 表格
.table 基本的
.table-striped 條紋的
.table -hover 放在上面變色
.table -bordered 有邊框的
2.表單
.form -control 表單控制
.form -group 表單分組
.form-horizontal 表單列排
3.網格
col-xs 是超小裝置手機
col-sm- 平板電腦
col-md- 中型電腦
col-lg- 大型電腦
4.導航元素(導航欄)
基本的
nav nav-tabs (標籤) 在ul 新增就可以了
如:
<ul class="nav nav-tabs">
<li> <a>fff</a></li>
</uL>
<li>裡面的
active 是預設訪問
disabled (使無效) 禁止訪問
膠能試的
.nav nav-pills(藥丸)
5. 導航下拉
<liclass="dropdown"><aclass="dropdown-toggle"data-toggle="dropdown"href="#"> Java <spanclass="caret"></span></a>
<ulclass="dropdown-menu"><li><ahref="#">Swing</ a></li><li><ahref="#">jMeter</a></li><li><ahref="#">EJB</a></li><liclass="divider"></li><li><ahref="#">分離的連結</a></li>
</ul>
</li>
.dropdown
.dropdown-toggle
dropdown-menu 元素