close

利用Bootstrap 做網頁的時候,版面設計很重要,所以 Container 都會是起手勢。

這邊來筆記 Container 的大小變化也就是 Responsive Container。

Version : v5。

1. 如果要畫面包在一個容器內 就用

container

2.滿版 

container-fluid

3. 隨著畫面的寬度變化 設定多少大小時, 不要滿版。

container-sm : 當寬度為 >= 576px 時,不為滿版

container-lg : 當寬度為 >= 992px 時,不為滿版

 

這邊只是舉例~ ,他還有很多種不要滿版版的大小設定。

只要記好 : 設多少大小,表示在那之後不為滿版。

 

 

arrow
arrow
    文章標籤
    網站設計 bootstrap
    全站熱搜
    創作者介紹
    創作者 阿駿 的頭像
    阿駿

    阿駿的部落格

    阿駿 發表在 痞客邦 留言(0) 人氣()