bootstrap框架_html/css_WEB-ITnose
程序员文章站
2022-03-03 17:13:12
...
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(信息,浅蓝色)
上一篇: liunx常用命令 - 帮助命令
下一篇: 修改node.js默认的npm安装目录
推荐阅读
-
基于MUI框架使用HTML5实现的二维码扫描功能
-
Bootstrap整体框架之JavaScript插件架构
-
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
-
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
-
小强的HTML5移动开发之路(47)——jquery mobile基本的页面框架
-
MD5加密+mui框架适用不同框架+Js混合在html项目初体验
-
BootStrap框架中的data-[ ]自定义属性理解(推荐)
-
基于mvc5+ef6+Bootstrap框架实现身份验证和权限管理
-
用模版生成HTML的的框架jquery.tmpl使用详解
-
BootStrap+Mybatis框架下实现表单提交数据重复验证