bootstrap学习笔记02-公共样式

1.文字颜色

.text-success:成功绿

.text-danger：危险红

具体样式参考：字体颜色

代码示例：

.text-success
.text-danger

2.背景颜色

.bg-success:成功绿

.bg-danger：危险红

具体样式参考：背景颜色

代码示例：

.text-success
.text-danger

3.边框

1）边框颜色：

.border-success:成功绿

.border-danger：危险红

具体样式参考：边框颜色及样式

代码示例：

2）圆角边框

代码示例：

4.显示属性

.d-{value} 用于小屏幕适配（即手机适配）

.d-{breakpoint}-{value} 用于 sm、md、lg、xl等多设备适配

代码示例：

我是时代峰峻收到后

页面显示效果：

5.浮动

.float-left：左浮动

.float-right:右浮动

代码示例：

    
左浮动
    
右浮动

6.间隔

m - 这个Class属性会设定 margin（外边距）值。m-0清除margin，m-auto水平居中

p - 这个Class属性会设定 padding（内边距）值

详细说明参考链接间隔

代码示例：

我是div
我是div

7.快速去除项目符号

.list-unstyled：快速去除项目符号

代码示例：

    
jkjkj
    
jkjkj
    
jkjkj

8.快速设置图片等比拉伸

.img-fluid:快速设置图片等比拉伸

代码示例：