iT邦幫忙

0

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

  • 分享至 

  • xImage
  •  

一.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

codepen

參考:bootstrap4


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1

教程? 大陸的朋友?

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

我要留言

立即登入留言