bootstrap 的一些用法

contextual classes

primary — 代表主要动作或内容。

m p

m 代表margin ml left mx left and right my top bottom

改变元素大小

btn-lg btn-sm

table

table-striped 是将table的条纹的。

responsive grid

col-sm-* 576

命名的缩写。

https://getbootstrap.com/docs/4.0/utilities/spacing/ 采用的格式 The classes are named using the format {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl.

m代表margin，p代表padding

例如： .mt-0 { margin-top: 0 !important; }

.ml-1 { margin-left: ($spacer * .25) !important; }