跳至主內容區

XOOPS輕鬆架

:::

主內容區域

選擇後會自動跳轉頁面

5. 容器應用

一、容器基本概念

  1. 凡是要用 BootStrap 的網格系統來排版,一定要使用容器(container)。
  2. 一個頁面中可以有多個容器。
  3. 容器也可以巢狀使用(容器中還有容器)
  4. 容器有兩種,一種是寬度有上限的容器:
    <div class="container">
      ...
    </div>
  5. 另一種是全螢幕容器:

    <div class="container-fluid">
      ...
    </div>
  6. 沒加容器之前。網頁內容會緊貼著邊緣,加上之後,預設就有邊距出現。

  7. 詳情:http://bootstrap.hexschool.com/docs/4.0/layout/overview/#%E5%AE%B9%E5%99%A8

二、容器應用:滿版底色+有限寬度

  1. .container 之外多一層 <div> 並設想要的底色或底圖即可。
    <div style="background-color: #185252;">
        <div class="container">
        </div>
    </div>

     

選擇後會自動跳轉頁面

:::

左邊區域內容

書籍目錄

展開 | 闔起

快速登入


右邊區域內容

請掃此 QR Code 可連至此頁面

計數器

今天: 8484
昨天: 3121312131213121
總計: 9437968943796894379689437968943796894379689437968

頁尾區域