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項，記住就行了。