bootstrap使用-基础样式

1. 标题

标题提供了h1-h6和.h1-.h6 2种方式。
small ：副标题

<h1>标题一  <small>小标题</small></h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
<div>
    <span class="h1">标题一<small>小标题</small></span>
    <span class="h2">标题一</span>
    <span class="h3">标题一</span>
    <span class="h4">标题一</span>
    <span class="h5">标题一</span>
    <span class="h6">标题一</span>
</div>

2. 段落与文本

网页标记

  <mark>响应式图像</mark> //突出显示文本
  <del>的解决方案</del>   //删除线
  //提示：<del> 和 <ins> 一起使用，描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。在HTML文档中每个 <ins> 标签都能创建 ins 对象
  <ins>有很多</ins>  //定义已经被插入文档中的文本。
  <u>JavaScript 和</u> //为文本添加下划线
  <small>  </small>   //把字符串显示为小号字
  <strong>  </strong>  //定义重要的文本

bootstrap 中文本的处理

text-left，文本左对齐
text-center，文本居中对齐
text-right，文本右对齐
text-lowercase 英文字母小写
text-uppercase 英文字母大写
text-capitalize 英文字母首字母大写

3. 表格

table 表格
table-striped 斑马线
table-bordered 添加边框
table-hover 添加鼠标悬停效果

.active

  <table class="table table-striped table-bordered table-hover">
            <tr class="active">
                <th>Month</th>
                <th>Savings</th>
            </tr>
            <tr class="danger">
                <td>January</td>
                <td>$100</td>
            </tr>
            <tr class="warning">
                <td>February</td>
                <td>$80</td>
            </tr>
            <tr class="info">
                <td>January</td>
                <td>$100</td>
            </tr>
            <tr class="success">
                <td>February</td>
                <td>$80</td>
            </tr>
        </table>

4. 表单

5. 按钮