Bootstrap 笔记

编写前端页面可以借助 zen coding 插件

 

html:5
meta:vp
meta:charset
meta:compat
meta[icon]
meta[author]

script
link:css
style

nav navbar navbar-inverse navbar-default
container    navbar-header    navbar-brand
navbar    collapse    navbar-collapse    nav    navbar-nav    nav

dropdown    dropdown-toggle    carset
dropdown-menu    divider    dropdown-header

role=main
jumbotron
lead

page-header
button    btn    btn-lg    btn-default

row    col-xs-4

table    table-striped    table-bordered    table-hover    table-condensed    table-responsive    active    success    info    warning    danger

sr-only    


form    form-control    form-group    input-group    checkbox    form-inline    laber    for    placeholder    form-horizontal    col-sm-offset-2
disabled    checkbox    checkbox-inline    radio    radio-inline    label    input    select    multiple    form-control-static
fieldset    disabled    readonly

.control-label    .form-control    .help-block    .has-error    .has-error    .has-has-success    .has-feedback    glyphicon    glyphicon-ok    form-control-feedback    aria-describedby
input-group    input-group-addon    input-lg    form-group-lg

btn    btn-link    btn-default    btn-primary    .btn-info    .btn-warning    .btn-danger    .btn-lg    .btn-sm    .btn-xs    .btn-block    

img    .img-responsive    .center-block    .img-rounded    .img-circle    .img-thumbnail    

bg-primary    .bg-success

button    btn    .close

pull-left    pull-right    navbar-left    .navbar-right

.clearfix    .show    .hidden    

.text-hide

.visible-xs-block    .visible-sm-inline    .visible-lg-inline-block
.hidden-md
.visible-print-block



glyphicon

glyphicon-plus    glyphicon-minus    glyphicon-cloud    glyphicon-asterisk    .glyphicon-envelopse    .glyphicon-pencil    glyphicon-glass    glyphicon-music
glyphicon-music    glyphicon-search    glyphicon-heart    glyphicon-home    glyphicon-file    glyphicon-empty    glyphicon-star    glyphiocn-user    glyphicon-tags


dropdown    dropup    btn    dropdown-toggle    disabled

btn-group    btn-toolbar    btn-group-sm    btn-group-vertical    .btn-group-justified    dropup    input-group-btn    

.nav    .nav-tabs    .nav-pills    .nav-stacked    .nav-justified    navbar-btn    navbar-link    navbar-fixed-top    navbar-fixed-bottom    padding-top:50px    padding-bottom:70px
navbar-static-top    navbar-inverse    breadorumb    

pagination    «    »    disabled    active    .pagination-lg

pager    .previous    ←    →

label    label-default    label-primary
badge
nav    nav-pills    tablist    presentation    badge

row    col-xs-6    thumbnail

alert-success    alert-info    alert-dismissible    alert-link

progress    progress-bar    style="width:60%"    min-width    progress-bar-success    brogress-striped    active

media    media-left    media-object    media-body    media-heading    media-left    media-right    media-list

list-group    list-group-item    

.panel    .panel-default    panel-heading    panel-title    panel-body    .panel-footer    .panel-primary

embed-responsive    embed-responsive-16by9    embed-responsive-4by3    iframe    embed-responsive-item

well    well-lg

nav bs-docs-sidenav    data-spy="scroll"
scrollspy.js    scrollspy('refresh')

nav-tabs    tab-content    role=tabpanel

tooltip     


popover.js
button    data-toggle="popover"    title    data-content    data-placement    data-trigger="focus"

carousel    slide    data-ride="carousel"    carousel-indicators    data-side-to="0"    active    data-target    carousel-inner    listbox    carousel-control    data-slide="prev"