1.Bootstrap(中文教程)佈局頁面-container

yan-bootstrap4 bootstrap4(中文教程)

Ci_Yao_Yan 2020-03-24 22:01:38 ‧ 1586 瀏覽

一.container

<div class="container" id="demo">
  <h1>hello～</h1>
</div>

#demo.container{
  background: blue;
  height: 100vh;
  color: white;
}

重點：

container置中的話寬度縮小，container的寬度也會縮小

二.container-fluid

<div class="container-fluid" id="demo">
  <h1>hello～</h1>
</div>

#demo.container-fluid{
  background: blue;
  height: 100vh;
  color: white;
}

重點：

container-fluid為流動置中，也就是說這裡的左右內留白都固定在15px

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

火車台北火車台北走走

iT邦新手 5 級 ‧ 2020-04-04 18:16:48

教程? 大陸的朋友?

Ci_Yao_Yan iT邦新手 4 級 ‧ 2020-04-04 21:31:04 檢舉

對啊，youtube看到的...
寫寫筆記，跟官網順序差不多。
短短的一兩分鐘，覺得還蠻不錯的...

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22088 篇

完賽人數

594 人

IT邦幫忙