This is h1我是small副标题标签

This is h2我是small副标题标签

This is h3我是small副标题标签

This is h4我是small副标题标签

This is h5我是small副标题标签

This is h6我是small副标题标签

我是 我是强调内容.lead 我是em标签 我是i标签 我是span标签 我是strong标签 段落

bootstrap文本颜色类

提示，浅灰色：#999, .text-muted

主要，蓝色：#428bca, .text-primary

成功，浅绿色：#3c763d, .text-success

通知消息，浅蓝色：#31708f, .text-info

警告，黄色：#8a6d3b, .text-warning

危险，褐色：#a94442, .text-danger

bootstrap背景颜色类

主要，蓝色：#428bca, .bg-primary

成功，浅绿色：#3c763d, .bg-success

通知消息，浅蓝色：#31708f, .bg-info

警告，黄色：#8a6d3b, .bg-warning

危险，褐色：#a94442, .bg-danger

bootstrap文本对齐类

左对齐，.text-left

居中对齐，.text-center

右对齐，.text-right

两端对齐，.text-justifyThere is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file.

bootstrap列表类

我是无序列表

• 我是无序列表
• 我是无序列表
• 我是无序列表

我是有序列表

1. 我是有序列表
   1. 嵌套列表
   2. 嵌套列表
2. 我是有序列表
3. 我是有序列表

自定义列表

我是标题

我是文本

我是文本

我是文本

去点列表 .list-unstyled

• HTML5
• CSS3
• JavaScript

水平排列列表 .list-inline

• HTML5
• CSS3
• JavaScript
• jQuery

自定义列表水平排列 .dl-horizontal

我是标题

我是内容

我是标题

我是内容

我是标题

我是内容

bootstrap表单类

默认表单

水平排列表单，form添加.form-horizontal

一列显示表单，form添加.form-inline

bootstrap表单控件类

下拉选择框，多行显示给select添加multiple属性

复选框与单选按钮

复选框与单选按钮水平排列

写法如下：

      <div class="checkbox">
        <div class="radio">
          <label><input type="checkbox">记住我</label>
        </div>
        <div class="radio">
          <label><input name="xCheckbox" checked type="radio">男</label>
        </div>
        <div class="radio">
          <label><input name="xCheckbox" type="radio">女</label>
        </div>
      </div>
      
水平排列写法
      <div class="checkbox">
        <div class="radio">
          <label><input type="checkbox">记住我</label>
          <label><input name="xCheckbox" checked type="radio">男</label>
          <label><input name="xCheckbox" type="radio">女</label>
        </div>
      </div>
    

表单按钮，先定义.btn

表单控件大小.input-sm .input-lg

被禁用的表单、按钮，为元素添加disabled 属性

表单控件验证.has-success .has-warning .has-error

        
 验证状态小纪，结构：
        .has-success
        .has-warning
        .has-error
        <div class="form-group has-success">
          <label for="hasSuccess" class="control-label">验证成功</label>
          <input type="text" id="hasSuccess" class="form-control" placeholder="验证成功">
        </div>
        
 有图标的验证，结构：
        <div class="form-group has-success feedback">
          <label for="hasSuccess" class="control-label">验证成功</label>
          <input type="text" id="hasSuccess" class="form-control" placeholder="验证成功">
          <span> class="glyphicon glyphicon-ok form-control-feedback"</span>
        </div>