:::

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>

     


:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D934%26tbsn%3D32

計數器

今天: 615615615
昨天: 2027202720272027
總計: 7971656797165679716567971656797165679716567971656