Bootstrap 辅助类

辅助类: Bootstrap提供的一些基础的样式类 功能类 帮助开发者快速构建页面 提高开发效率

文本颜色 text-：

 <div class="container">
    <h1 class="text-success"> success这是一段文字</h1>
    <h1 class="text-warning"">warning 这是一段文字</h1>
    <h1 class="text-danger">  danger这是一段文字</h1>
    <h1 class="text-info"> info这是一段文字</h1>
    <h1 class="text-primary"> primary这是一段文字</h1>
    <h1 class="text-muted"> muted这是一段文字</h1>
   </div>

 

背景颜色 bg-：

<div class="container">
    <h1 class="bg-success"> success这是一段文字</h1>
    <h1 class="bg-warning"">warning 这是一段文字</h1>
    <h1 class="bg-danger">  danger这是一段文字</h1>
    <h1 class="bg-info"> info这是一段文字</h1>
    <h1 class="bg-primary"> primary这是一段文字</h1>
    <h1 class="bg-muted"> muted这是一段文字</h1>
</div>

 

 

效果图如下:

  功能性辅助类：

  快速浮动 ：浮动将块元素转行内元素  

  块元素    ：占满一行

  行内元素 ：  在一行空间内 

  实现浮动：

  左浮动：pull-left

  右浮动：pull-right

  显示隐藏：visible-lg   大屏幕才显示

  块元素行内居中：center-block 

  

 <div class="container">
            <div class="center-block text-center" style="border:1px solid black" id="div1">
                块元素居中
            </div>
        </div>