purple_lumpy的博客

bootstrap 是基于HTML、CSS、JS的一个CSS/HTML框架。（基于H5、CSS3，兼容JQuery）适用于移动端和PC端的开发。bootstrap 优点：非常好的响应式布局支持 （即不同的分辨率，样式保持不变）JQuery 插件的支持全新自定义选项丰富的组件改进工具提示支持HTML5 和 CSS3对LESS 和 SASS 的支持bootstrap...

栅格系统：以规则的网格阵列来定义和规范网页中版面布局以及信息分布。随着屏幕或者视窗的尺寸增加，系统会自动把屏幕分为12列。bootstrap 内置响应式、移动设备优先的流式栅格系统。把bootstrap的栅格系统叫做布局。它是通过航与列的组合来实现布局的。bootstrap 通过定义容器的大小，把页面平分为12份（最常见），调整内外边距，再结合响应式，就可以制作强大的页面。bootst...

可以通过官网的文档 链接 查看下表超小屏幕 手机（<768px） .col-xs-小屏幕 平板（>=768px） .col-sm-中等屏幕 桌面显示器（>=992px） .col-md-大屏幕 大桌面显示器（>=1200px） .col-lg- 响应式（媒体查询）允许在一定条件下，自定义 css 样式，两个属性： min-width, max-wid...

bootstrap 定义一些颜色class 分别为： active                          success                         info                         warning                         danger...

按钮 btn-lg, btn-xs, btn-smbtn-block 父元素宽度的100%active 激活状态这些样式class 也可以用于超链接元素（<a>）按钮样式： <button class="btn">默认样式</button> <button class="btn btn-default">默认</b

使用bootstrap的图标：内联元素使用，且需要两个类：基本类、图标类，即可调用图标。注意：需要设置padding，使图标与文本之间留有空地，更加美观；图标类不能与其他组件类联合使用。图标使用时，基类为：glyphicon .例子： <div> <a href="#"> <span class="glyphicon glyphicon...

下拉菜单组件使用bootstrap 下拉菜单组件，需要引入jquery 与 bootstrap文件夹下js目录下的 bootstrap.js。 <script src="jq/jquery-3.3.1.min.js"></script> <script src="js/bootstrap.js"></script>下拉菜单，都是包含在...

参考官网学习：http://bootstrap-table.wenzhixin.net.cn/zh-cn/getting-started/以后再具体补充上