jestrap.com是針對(duì)Bootstrap設(shè)計(jì)的開(kāi)發(fā)工具
2017-05-03
<form>
<div class="form-group">
<label for="">姓名:</label>
<input type=“text”name=“text” class="form-control" placeholder="請(qǐng)輸入">
</div>
形成組件式
</form>
<div class="form-group">
<label for="">姓名:</label>
<input type=“text”name=“text” class="form-control" placeholder="請(qǐng)輸入">
</div>
形成組件式
</form>
2017-05-03
<div class="form-group">
<label for="">姓名:</label>
<input type=“text”name=“text” class="form-control" placeholder="請(qǐng)輸入">
</div>
<label for="">姓名:</label>
<input type=“text”name=“text” class="form-control" placeholder="請(qǐng)輸入">
</div>
2017-05-03
table.table設(shè)置基本表格樣式
table.table-bordered設(shè)置具有邊框樣式的表格
table.table-hover設(shè)置具有鼠標(biāo)懸浮具有高亮效果的樣式的表格
table.table-responsive設(shè)置具有響應(yīng)式的表格
table.table-condense設(shè)置具有緊湊型的表格
tr.active活躍的一行
tr.info
tr.success
tr.warning
tr.danger
table.table-bordered設(shè)置具有邊框樣式的表格
table.table-hover設(shè)置具有鼠標(biāo)懸浮具有高亮效果的樣式的表格
table.table-responsive設(shè)置具有響應(yīng)式的表格
table.table-condense設(shè)置具有緊湊型的表格
tr.active活躍的一行
tr.info
tr.success
tr.warning
tr.danger
2017-05-03
表格
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
2017-05-03
<mark></mark>標(biāo)記文本
<del></del>刪杠文本
<del></del>刪杠文本
2017-05-03
排版:
.text-center和.text-left和.text-right和,.text-justify進(jìn)行文本的對(duì)齊
.text-muted和.text-primary和.text-info和.text-success和.text-warning進(jìn)行文本字體顏色的設(shè)置
段落強(qiáng)調(diào)用類名為lead進(jìn)行<p>的強(qiáng)調(diào)
粗體字用b和strong標(biāo)簽進(jìn)行強(qiáng)調(diào)
斜體字用i或者em標(biāo)簽進(jìn)行
列表清除序號(hào).list-unstyle
水平排列.list-inline
和.dl-horizontal水平排列.
.text-center和.text-left和.text-right和,.text-justify進(jìn)行文本的對(duì)齊
.text-muted和.text-primary和.text-info和.text-success和.text-warning進(jìn)行文本字體顏色的設(shè)置
段落強(qiáng)調(diào)用類名為lead進(jìn)行<p>的強(qiáng)調(diào)
粗體字用b和strong標(biāo)簽進(jìn)行強(qiáng)調(diào)
斜體字用i或者em標(biāo)簽進(jìn)行
列表清除序號(hào).list-unstyle
水平排列.list-inline
和.dl-horizontal水平排列.
2017-05-03
.hX設(shè)置標(biāo)題樣式.<small>設(shè)置副標(biāo)題.
2017-05-03
Bootstrap 的特性 :響應(yīng)式設(shè)計(jì),jquery插件 ,完整的類庫(kù),柵格布局,不同使用場(chǎng)景
2017-05-03