Bootstrap常用的公共样式

详情可见
1.文字颜色

  1.文字颜色
    柔和灰（text-muted）
    主要蓝（text-primary）
    次要灰（text-secondary）
    成功绿（text-success）
    危险红（text-danger）
    警告黄（text-warning）
    危息绿（text-info）
    黑白对比（text-dark）
    注意点: .text-white 、 .text-muted这两个样式不支持链接上使用

<p class="text-success">Hello World</p>
<p class="text-danger">Hello World</p>
<p class="text-warning">Hello World</p>

2.背景颜色

2.背景颜色
    主要蓝（bg-primary）
    次要灰（bg-secondary）
    成功绿（bg-success）
    危险红（bg-danger）
    警告黄（bg-warning）
    危息绿（bg-info）
    黑白对比（bg-dark）

<p class="bg-success">Hello World</p>
<p class="bg-danger">Hello World</p>
<p class="bg-warning">Hello World</p>

3.显示模式

    d-*
    d-屏幕尺寸-*
    设置标签为block 还是 inline等等显示方式

<div class="bg-success d-inline d-sm-inline-block d-md-block">我是div</div>

4.浮动和清除浮动

浮动
    float-*
    float-屏幕尺寸-*
清除浮动
    clearfix

<div class="bg-success clearfix">
    <div class="float-left">左边</div>
    <div class="float-right">右边</div>
</div>

5.定位

 position-*
 <div class="position-relative">我是div</div>