2021/6/11 Bootstrap 浅记

'''
布局容器
    container
    container-fluid

栅格系统
    row
        .col-xs/sm/md/lg-n
        .col-xs/sm/md/lg-offset-n
        .col-xs/sm/md/lg-push-n
        .col-xs/sm/md/lg-pull-n

排版
    标题
        .h1~h6 <h1~h6>
        .small  <small>
    页面主体
        body
        p
            .lead
    内联文本元素
        mark    .mark
        strong
        em/cite/val
        ins
        del
        small   .small
    对齐
        text-left/justify/nowrap/right/center
    改变大小写
        text-lowercase/uppercase/capitalize
    情景文本颜色
        text-muted/success/info/primary/warning/danger
    文本隐藏
        text-hide
    缩略语
        abbr title="" class="initialism"
    地址
        address
    引用
        blockquote  class="blockquote-reverse"
        footer

代码
    code
    kbd
    pre
        .pre-scrollable
    var
    samp

表格
    .table
    .table-striped
    .table-bordered
    .table-hover
    .table-condensed

    .active
    .success
    .info
    .warning
    .danger

    .table-responsive

表单
    基本样式
        .form-inline
        .form-horizontal
        .form-control
        .form-group
            form-group-lg/sm
        .sr-only
            .sr-only-focusable
        .control-label
    文本域
        rows="行数"
    单选多选
        disabled
        .radio
        .radio-inline
        .checkbox
        .checkbox-inline
    下拉菜单select
        multiple
    静态控件
        form-control-static
    input
        disabled
        readonly
            input-lg/ms
                col-lg/ms-x
    help-text
        .help-block
    校验状态
        .has-success
        .has-warning
        .has-error
    反馈图标
        .has-feedback
        <span class="glyphicon glyphicon-ok/warning-sign/remove form-control-feedback">

按钮
    a role="button"
        .btn
            .btn-default/success/info/primary/warning/danger/link
            .btn-lg/sm/xs
            disabled
            .btn-block
        .close
图片设置
    img-responsive
        center-block
    img-rounded
    img-circle
    img-thumbnail

辅助类
    bg-success/info/primary/warning/danger
    &times;
    .caret
    .pull-left
    .pull-right
    .center-block
    .clearfix
    .show
    .hidden
    .sr-only    sr-only-focusable
    text-hide
响应式工具
    .visible-xs/sm/md/lg-*
        *:block,inline,inline-block
    .hidden-xs/sm/md/lg

    打印类
    visible-print-xs/sm/md/lg-*
        *:block,inline,inline-block

    hidden-print-xs/sm/md/lg





'''