Bootstrap5

---

---

11.24

bootstrap 容器

bootstrap网格基础  一行列数最多为12

bootstrap文字排版

h标题可用<h>也可用 .h 来修饰

<small>  .small

<blockquote> 和 .blockquote

描述性文本  <dl><dt><dd>

<pre>多行文本    <kbd>  <abbr>  <mark>  

---

11.25

bootstrap颜色

.text-* 来实现

bootstrap表格 

基础表格的样式： .table实现

减小表格的空间：.table-sm实现

表格颜色：.table-*实现

加滚动条：在表格的<div>使用 .table-responsive

---

11.26 

bootstrap图像

.rounded  圆角

.rounded-circle 圆形框

.img-thumbnail缩略图

.float-start 向左飘

.float-end向右飘

.mx-auto  .d-block居中

bootstrap警告

.alert

.alert-success/danger/info/...

.btn.close关闭警告

---

11.29

bootstrap按钮 

基础样式.btn

在input中.button

禁用<button diabled></button>     <input type="button" class="disabled">      (alive)

全宽 在父类中用.d-grid

加载中<span class="spinner-border"></span>

bootstrap表单输入组

placeholder输入提示

<span class="input-group-text" ><span>强化输入

.dropdown-toggle下拉按钮

下拉菜单选项

<ul class="dropdown-menu">

<li class="dropdown-item"><li>

<ul>