全局CSS样式Bootstrap知识框架笔记

本图是全局CSS样式Bootstrap知识框架笔记，一张图带你完全了解相关内容，帮你提高效率，赶紧来试一试吧~

全局CSS样式Bootstrap知识框架笔记

• 全局CSS样式
  • HTML5中的标签的默认样式
    • html
      • box-sizing: border-box
    • body
    • h1~h6
    • em
    • strong
    • ul ol dl
    • ...
  • 表格相关样式
    • .table
    • .table-bordered
    • .table-striped
    • .table-hover
    • .table-responsive
    • tr.danger tr.sucess ...
  • 按钮相关样式
    • .btn
    • .btn-danger .btn-sucess ...
    • .btn-lg .btn-sm .btn-xs
  • 列表相关样式
    • .list-unstyled
    • .list-inline
  • 图片相关样式
    • .img-rounded
    • .img-circle
    • .img-thumbnail
    • .img-responsive
  • 表单相关样式
    • .form-inline
    • .form-horizontal
    • .form-group
      • .has-error
      • .has-success
      • .has-info
      • .has-warning
    • .control-label
    • .form-control
    • .checkbox
    • .radio
    • .disabled
    • .readonly
    • .help-block
  • 网格布局系统
    • .container
      • .row
        • 大屏幕(大PC屏幕)
          • col-lg-1 ~ col-lg-12
          • col-lg-offset-0 ~ col-lg-offset-11
          • col-lg-pull-* col-lg-push-*
        • 中等屏幕(一般PC屏幕)
          • col-md-1 ~ col-md-12
          • col-md-offset-1 ~ col-md-offset-11
          • col-md-pull-* col-md-push-*
        • 小屏幕(平板)
        • 超小屏幕(手机)
    • .container-fluid
      • .row
  • 排版相关样式
    • .text-left .text-right .text-center .text-justify
    • .pull-left .pull-right
    • .text-danger .text-success ...
    • .bg-danger .bg-success ...
• Comonent
  • .well
    • 
  • 图标字体
    • .glyphicon-*
  • 下拉菜单
    • 容器 .dropdown
      • 触发元素 data-toggle="dropdown"
      • 隐藏菜单 .dropdown-menu
        • .dropdown-header
        • .divider
  • 巨幕/超大屏幕
    • .jumpotron
  • 标签
  • 徽章
  • 页头
  • 面包屑/路径导航
  • 分页
• jQuery Plugin
• Customize