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
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<div class="container">
<div class="center-block text-center" style="border:1px solid black" id="div1">
块元素居中
</div>
</div>