Maison  >  Article  >  interface Web  >  bootstrap框架_html/css_WEB-ITnose

bootstrap框架_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:33:111942parcourir

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn