bootstrap 学习笔记（2）---- 排版

安装和栅格系统学完，这篇写的是排版
手册中排版的目录以下图

《标题，页面主题，内联文本元素，对齐，改变大小写，缩略语，地址，引用，列表》
手册中介绍那么多，其实并非全部的都要去看看。不少都是没有必要的。
总结了几个要看的地方:

　　《标题，段落，mark标记，del删除线，small小号字体，文字文本对齐，文本大小写，无样式列表，内联列表，自定义列表（描述），水平排列列表》
如今对其作以下说明：
一、标题：
    <h1 class="page-header">bootstrap前端框架</h1>
二、段落<p class="lead">fdsjfksdhfkfjfjsdkjfds;<del>agfdkjgh</del>dfjghfdghfdgds撒分<small>段函数返回的</small>是反攻倒算复合弓法的不少方v的v更改fdsjfksdhfkfjdsjksfjdkfjsdkjfds;agfdkjghdfjghfdghfdgds撒分段函数返回的是反攻倒算复合弓法的不少方v的v更改<p>
三、mark标记  ：<mark>dsjksfjdk</mark>

 
四、del 删除线 <del>agfdkjgh</del>

五、小号字体<small>段函数返回的</small>

六、文字对齐方式： 讲了五种，3种有用  分别是左中右
    <p class="text-left">dfsdhfdsjhfd</p>
    <p class="text-center">dfsdhfdsjhfd</p>
    <p class="text-right ">dfsdhfdsjhfd</p>

七、文本大小写：
    <p class="text-lowercase">Lowercased text.</p>
    <p class="text-uppercase">Uppercased text.</p>
    <p class="text-capitalize">Capitalized text.</p>

结果：

八、无样式列表：移除了默认的 list-style 样式和左侧外边距的一组元素（只针对直接子元素）。这是针对直接子元素的，也就是说，你须要对全部嵌套的列表都添加这个类才能具备一样的样式。
    
        <ul class="list-unstyled">
            <li>sfsdgfd</li>
            <li>fgf</li>
        </ul>

九、内联列表： 经过设置 display: inline-block; 并添加少许的内补（padding），将全部元素放置于同一行。
           <ul class="list-inline">
            <li>sfsdgfd</li>
            <li>fgf</li>
            <li>fgdfg</li>
            <li>fghfdgdfhgt</li>
            <li>skajdasjkhd</li>
        </ul>
十、自定义列表，带有描述的短语列表：
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>
十一、水平排列列表：

<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>

内容原文内容挺多的，经常使用的这11项，记住就行了。