20200819赵鑫

学习总结

BootStrap使用前提

1.html文件类型

2.移动端设备优先

全局样式

容器:.container .container-fluid

按钮相关样式

按钮颜色/带边框的按钮/按钮大小/特殊按钮/激活和禁用按钮:.active类可以设置按钮是可用的;disabled属性可以设置按钮是不可点击的

图片相关的class

.rounded 4px的圆角

.round-circle 50%的圆角

img-thumbnail 缩略图,有白色内边距和灰色边框的图片

img-fluid 响应式图片,图片可以等比缩放,但是最大不能超过自己原始大小

图片对齐方式: .float-left .float-right

文字相关的class

背景相关的class

背景颜色

列表相关的class

表格相关的class

.table基本类 设置边框 边框背景色 隔行换色 悬停换色 较小的表格 表头颜色 响应式

表单的样式

表单:堆叠表单(.form-group)内联表单(.form-inline)

表单元素:input元素的基本类 文本框大小 单选按钮 多选按钮 输入框组

辅助类

边框/浮动/显示与隐藏/内外边距/尺寸

学习心得

今天学习的是Boot框架,对于这一类框架,我们不能去死记硬背,而是应该掌握如何熟练的根据官方文档来快速搭建起自己所需要的页面,这个就需要针对一个框架大量练习,达到一法通,万法通。

标签

评论

this is is footer