Heim  >  Artikel  >  Web-Frontend  >  bootstrap框架_html/css_WEB-ITnose

bootstrap框架_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:33:111958Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn