发布于 

bootstrap框架

bootstrap框架

1.为了快速实现响应式布局和移动端页面为主.

2.全局样式[网页中常见标签的基本样式设置]

栅格系统[为实现响应式布局的]-------媒体查询

☞下载(css文件)

生产环境:压缩,快速开发,并不适合学习

源码:手写,没压缩

使用—引用

语义标签-----(忘了)

全局标签(最好刚刚不要使用…)

1
2
3
4
5
标题标签(可以直接写标签名字 | 对应类名)
表示超小文字(可以使用small标签 | 对应的类名)
text-capitallizr //*首个字母大小
.text-capitalize

栅格系统 odd奇数 even偶数

1
作用:用来实现响应式布局,通过将设备(视口)分为12
1
2
3
4
5
使用:
1.引用bootstrap.css文件 [用一个就行]
2.给父元素容器设置container[固定居中]或者container-fluid[满屏]
3.只要给盒子设置了****或者***类名后就会分为12
4.通过栅格参数实现响应式布
1
2
3
4
.col-md ---->适配电脑屏幕
.col-sm ---->适配平板设备
.col-xs ---->适配手机设备
.col-lg ---->适配大屏幕设备 2000px(或者1200px)?忘了

可以给 *加边框,也可以加padding值


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。