20180305

輕輕鬆鬆學習Bootstrap v-4.0 - Lesson 2: Container Class

Container是Bootstrap的主要容器類別,它必須包住要呈現的網頁內容。

Container分為二種

1. 依裝置可視範圍來決定寬度的RWD Container
將<div class=”container”></div>加入原有的Code

image


將會呈現如下的版面

image



2. 填滿所有可視範圍的Container

將<div class=”container-fluid”></div>加入原有的Code

image


將會呈現如下的版面

image



各位可以很明顯地看出二者之間的差異,要使用哪種端看最後的應用而定。

沒有留言: