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

bootstrap框架_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:33:111948browse

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

Statement:
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