爲什麼bootstrap的「容器」類不是全角？

container，默認情況下，將內容放在中間（邊緣在邊）而不是填滿整個屏幕。爲什麼bootstrap的「容器」類不是全角？

這背後的基本原理是什麼？

@media (min-width: 768px) { 
    .container { 
    max-width: 750px; 
    } 
} 

@media (min-width: 992px) { 
    .container { 
    max-width: 970px; 
    } 
} 

@media (min-width: 1200px) { 
    .container { 
    max-width: 1170px; 
    } 
}

來源

2013-10-13 Fa773N M0nK

我通常通過添加一個類如來覆蓋此行爲。完整寬度 max-width：100％;我的容器類 –

這是一個問題，爲什麼，通過設計，container不填寫entre屏幕？

儘管我不能肯定我知道，但我可以想象這是基於以下事實的決定：您很少希望您的內容在屏幕邊緣開始。我也可以想象，許多人更喜歡做一些靜態佈局而不是完全液態的設計，更不用說一些佈局對於以百分比爲基礎的寬度設計可能是非常具有挑戰性的。

您可能會顯着流動並使用max-width: 100%並將padding代入container。就個人而言，這是我的首選方法。

這裏沒有最佳實踐，更好的方法主要基於所討論的佈局。

來源

2013-10-13 10:42:59

謝謝。你的第二段中的三點說得很清楚！ –

您也可以使用容器流體類，它使得所有百分比都基於。因此，不是具有固定寬度的容器，而是以頁面爲中心，然後使容器寬度等於視口的100％。

來源

2014-09-17 00:51:54

爲什麼bootstrap的「容器」類不是全角？

回答

相關問題