@[TOC]BOOKSTRAP
Bookstrap1
Bookstrap栅格系统
.row 1行12列
区别:.col-(<576px) .col-sm-(>=576px) .col-md-(>=768px) .col-lg-(>=992px) .col-xl-(>=1200px)
每一个都是将屏幕分成12份
使用方法:例如:.col-md-6 (即将屏幕分为12份,占用6份)
建议使用.col-md-
当想将前面的份数空出来时,选用.col-md-offset-
例如:.col-md-offset-8(即将屏幕分为12份,在此部分前面空出8份的位置)
col-md-offset-2:在前面留出2份的位置
Bookstrap排版、代码、表格和按钮
排版
page-header:标题
lead:字体加粗
mark标记:部分字体高亮 例:i love web 在文字两边加mark
del删除线:删除部分文字 例:i love web
small样式:将部分字体减小一号 例:i love web i love web
文本对齐:text-right 右对齐 text-left 左对齐 text-center 中心对齐
代码
code:将字体颜色改变,有点类似于mark
pre:按源格式输出 例:
if ($a<0){
ech ‘aaaaa’;
}
kbd:背景颜色 例:按 ctrl + shift
表格
table
.thead-light 或.thead-dark:使表头呈浅灰色或深灰色
.table-striped:条纹行,使斑马条纹添加到任何行内
.table-bordered:边框表,在表格和单元格上添加边框
.table-borderless:无边桌,一个没有边界的表
.table_hover:悬停行,行上启用一个悬停效果
表格颜色:
表格的各种颜色单词
table-responsive:响应式表格,当屏幕尺寸小到一定程度是,表格下面回出现滚动条