BootStrap的学习

row 变成栅格布局

col 表示一个占多数格 一共是12格

mb是上下边距  my是左右边距

h-100是高度为100px

rounded-circle 设计为圆形

 

border border-light 有边框 边框颜色

 

w-25宽度

 

btn-outline-primary有边框的按钮

 

shadow-none 没有

shadow-sm 较小

shadow-lg 较大

shadow 正常

<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>