1. 程式人生 > >bootstrap 常用記錄

bootstrap 常用記錄

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   元素