Bootstrap4基础属性

Bootstrap4基础属性

1. 颜色 ：

<div class="bg-primary text-white">元宵节快乐</div>

primary

secondary

success

danger

warning

info

light

dark

body

muted

white

black-50

white-50
文档

• 字体深浅：

<div class="font-weight-normal">元宵节快乐</div> #正常
<div class="font-weight-bold">元宵节快乐</div>   #深

• 字体大小
  1~4 越来越小

<div class="display-4">元宵节快乐</div>

• 宽高

<div class="w-50 h-50">元宵节快乐</div>
#-后面的意思是百分之

• margin、padding
  m -对于设置的类 margin
  p -对于设置的类 padding

t-对于设置margin-top或padding-top
b-对于设置margin-bottom或padding-bottom
l-对于设置margin-left或padding-left
r-对于设置margin-right或padding-right
x-对于同时设置*-left和*-right
y-对于同时设置*-top和*-bottom
空白-用于在元素的所有4侧设置a margin或padding4的类
文档

• 按钮

<button class="btn btn-primary btn-sm">元宵节</button>#小按钮 sm
<button class="btn btn-primary btn-lg">元宵节</button>#大按钮 lg

文档

• 表格

<div class="row mt-3">
            <div class="col-4 bg-primary">元宵节</div>
            <div class="col-4 bg-primary">元宵节</div>
            <div class="col-4 bg-primary">元宵节</div>
</div>

文档