2021/6/12 bootstrap-组件

'''
bootstrap-组件

下拉菜单
    dropup
    dropdown-menu dropdown-menu-right
    disabled
    divider
    dropdown-header

按钮组
    btn-toolbar
        btn-group btn-group-lg/sm/xs
    btn-group-vertical
        btn-group btn-group-justified

按钮式下拉菜单
    btn-group

    分列式按钮下拉菜单
    button

输入框组
    input-group
        input-group-addon
        input-group-btn

导航
    nav
        nav-tabs
        nav-pills

        nav-justified
        nav-stacked

        .active
        .disabled

导航条
    navbar navbar-default/inverse navbar-fixed-top/bottom navbar-static-top
    body { padding-bottom/top: 50px;}

        navbar-header
            button data-target="#id"
            span
            a navbar-brand

        collapse navbar-collapse id=""
            navbar-form
            navbar-nav
            navbar-btn
            navbar-text
            navbar-left
            navbar-right

路径导航
    breadcrumb

分页
    pagination pagination-lg/sm/ms
        «
        »
    pager
        previous
        next
        ←
        →

标签
    label   label-default/success/info/primary/warning/danger

徽章
    badge

巨幕
    jumbotron
        container

页头
    page-header

缩略图
    栅格系统
        thumbnail
            caption

警告框
    alert alert-success/
        alert-link

进度条
    progress
        progress-bar progress-bar-success/  progress-bar-striped active
        style="min-width: xxem; width: xx%;"

媒体对象
    media
        media-left
            media-object
        media-body
            media-heading
        media-right
    media-list

列表组
    list-group
        list-group-item
            list-group-item-success/
            list-group-item-heading
            list-group-item-text
        active
        disabled

面板
    panel panel-default/success
        panel-heading
            panel-title
        panel-body
        panel-footer
        table
        list-group

well
well-lg/sm
'''