bootstrap框架_html/css_WEB-ITnose
程序员文章站
2022-03-09 12:00:43
...
1,列表
.unstyled(无样式列表),.dl-horizontal(dl列表水平排列)
2,代码
code(行级),pre(块级),.pre-scrollable(显示滚动条), 显示行号和美化: .prettyprint,.linenums
3,表格
.table(基础样式) .table-bordered(样式边框) , .table-striped(间隔效果) , .table-condensed(缩小表格)
4,表单
.from-inline(所有元素在一列) , .form-horizontal(没一横排一个表单项)
5,按钮
.btn(基础样式) , .btn-primary(重要,蓝色) , .btn-info(信息,浅蓝), .btn-success(成功,绿色), .btn-warning(警告,黄色) .btn-danger(危险,红色) , .btn-inverse(相反,黑色)
6,标签
.label(基础样式), .label-important(重要,红色) , .label-success(成功, 蓝色), .label-warning(警告,黄色), .label-info(信息,浅蓝色) .label-inverse(相反,黑色)
7,标记
.badge(基础样式), .badge-success(成功,绿色), .badge-warning(警告,黄色),badge-error(错误,红色), .badge-info(信息,浅蓝色)
.unstyled(无样式列表),.dl-horizontal(dl列表水平排列)
2,代码
code(行级),pre(块级),.pre-scrollable(显示滚动条), 显示行号和美化: .prettyprint,.linenums
3,表格
.table(基础样式) .table-bordered(样式边框) , .table-striped(间隔效果) , .table-condensed(缩小表格)
4,表单
.from-inline(所有元素在一列) , .form-horizontal(没一横排一个表单项)
5,按钮
.btn(基础样式) , .btn-primary(重要,蓝色) , .btn-info(信息,浅蓝), .btn-success(成功,绿色), .btn-warning(警告,黄色) .btn-danger(危险,红色) , .btn-inverse(相反,黑色)
6,标签
.label(基础样式), .label-important(重要,红色) , .label-success(成功, 蓝色), .label-warning(警告,黄色), .label-info(信息,浅蓝色) .label-inverse(相反,黑色)
7,标记
.badge(基础样式), .badge-success(成功,绿色), .badge-warning(警告,黄色),badge-error(错误,红色), .badge-info(信息,浅蓝色)
推荐阅读
-
css 性能调优_html/css_WEB-ITnose
-
前端跨域的整理_html/css_WEB-ITnose
-
sfhover 怎么工任的?_html/css_WEB-ITnose
-
移除行块级元素之间的空格(译文)_html/css_WEB-ITnose
-
å¦ä½å¼åææºç½é¡µ_html/css_WEB-ITnose
-
如何把视频url传入播放器_html/css_WEB-ITnose
-
Bootstrap全局CSS样式之表单_html/css_WEB-ITnose
-
$变量 是web开发里的哪种语言_html/css_WEB-ITnose
-
基于CSS3淡入淡出效果的图片轮播_html/css_WEB-ITnose
-
css多栏自适应布局_html/css_WEB-ITnose