Home > Web Front-end > HTML Tutorial > bootstrap框架_html/css_WEB-ITnose

bootstrap框架_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:33:11
Original
1968 people have browsed it

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(信息,浅蓝色) 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template