bootStrap 是簡潔強(qiáng)大的前端開發(fā)框架,前端工具集;
是簡單、靈活的用于搭建web頁面的HTML,CSS,JavaScript的工具集
它基于HTML5與CSS3,卓越的兼容性
是簡單、靈活的用于搭建web頁面的HTML,CSS,JavaScript的工具集
它基于HTML5與CSS3,卓越的兼容性
2021-10-09
Bootstrap 4:
<div class="card">
<div class="card-header">...</div>
<div class="card-body">...</div>
<div class="card-footer">...</div>
</div>
<div class="card">
<div class="card-header">...</div>
<div class="card-body">...</div>
<div class="card-footer">...</div>
</div>
2020-12-31
Bootstrap 4:
<div class="card">
<div class="card-body">...</div>
</div>
<div class="card">
<div class="card-body">...</div>
</div>
2020-12-31
Bootstrap 4:
<ul class="list-unstyled">
<li class="media">…</li>
<li class="media">…</li>
</ul>
<ul class="list-unstyled">
<li class="media">…</li>
<li class="media">…</li>
</ul>
2020-12-30
Bootstrap 4:
<div class="media">
<img src="..." />
<div class="media-body">...</div>
</div>
<div class="media">
<div class="media-body">...</div>
<img src="..." />
</div>
<div class="media">
<img src="..." />
<div class="media-body">...</div>
</div>
<div class="media">
<div class="media-body">...</div>
<img src="..." />
</div>
2020-12-30
Bootstrap 4:
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: ...%;">...</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: ...%;">...</div>
</div>
2020-12-30
Bootstrap 4:
<div class="progress">
<div class="progress-bar progress-bar-striped" style="width: ...%;">...</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-striped" style="width: ...%;">...</div>
</div>
2020-12-30
Bootstrap 4:
bg-success:成功(綠色)
bg-info:信息(淺藍(lán)色)
bg-warning:警告(黃色)
bg-danger:危險(xiǎn)(紅色)
bg-success:成功(綠色)
bg-info:信息(淺藍(lán)色)
bg-warning:警告(黃色)
bg-danger:危險(xiǎn)(紅色)
2020-12-30
Bootstrap 4:
<ul class="pagination">
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
</ul>
<ul class="pagination">
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
</ul>
2020-12-29