2018.4.19学习总结(Bootstrap)

Bootstrap

为什么要使用框架?

在项目中,可能只是负责一部分细节,其他部分只管调用。但是如何确定其他部分是否可信、调用会不会出现bug?这时候就要用到框架了。框架较大程度上能够约束与规范每一位开发者的行为,不按框架很可能就会报错,这样多人协作就有了保证。

Bootstrap的特点:

跨设备、跨浏览器 :可以兼容所有现代浏览器。

响应式布局:支持各个分辨率的PC端和移动端的响应式切换。

主要分为3大核心目录:css、js、font。

排版样式

在h1~h6之间可以嵌入small元素作为副标题:

Bootstrap开源框架


水平描述列表

Bootstrap
Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。

内联代码:

代码块:

Please input...

表格和按钮

//实现基本的表格样式


//条纹状表格、带边框表格、悬停鼠标

//状态类(active,success,info,warning,danger)

//响应式表格 ,表格父元素设置响应式,小于 768px 出现边框 

//转化为普通按钮

//btn-success,btn-info,bttn-warning,btn-danger,...

//按钮尺寸大小

从大到小:btn-lg/btn-/btn-sm/btn-xs 

//激活状态、禁用按钮

Button

你可能感兴趣的:(2018.4.19学习总结(Bootstrap))