美文网首页
bootstrap 小总结

bootstrap 小总结

作者: 柒轩轩轩轩 | 来源:发表于2018-05-02 07:36 被阅读0次
    1. <small></small> 为父元素 85%大小
    2. 如果想要一个段落突出现实,可以使用 class = lead
    • .text-muted:提示,使用浅灰色(#999)
    • .text-primary:主要,使用蓝色(#428bca)
    • .text-success:成功,使用浅绿色(#3c763d)
    • .text-info:通知信息,使用浅蓝色(#31708f)
    • .text-warning:警告,使用黄色(#8a6d3b)
    • .text-danger:危险,使用褐色(#a94442)
    1. 文本对齐风格
    • .text-left:左对齐
    • .text-center:居中对齐
    • .text-right:右对齐
    • .text-justify:两端对齐
    1. 去点列表 class="list-unstyled"
    2. 内联列表 class="list-inline"
    3. 表格:
    • .table
    • .table-striped 斑马线表格
    • .table-bordered 带边框的表格
    • .table-hover 鼠标悬停高亮的表格
    • .table-condensed 紧凑型表格
    • .table-responsive 响应式表格
    1. 表单
    • form-horizontal 水平表单
    • form-inline 内联表单 若在input前添加一个label标签时,会导致input换行表示,如果你不想让input换行,需要将label也一起放在form-group
    • form-control 为了让控件在各种风格中样式不出错

    相关文章

      网友评论

          本文标题:bootstrap 小总结

          本文链接:https://www.haomeiwen.com/subject/ayewlftx.html