Bootstrap：爲什麼我的滑塊橫幅與頁面的其餘部分不匹配？

我似乎無法弄清楚什麼是約束我的橫幅1170px而不是1200px？正如您從實時預覽中看到的那樣，橫幅的左側不會伸出到頁面的邊緣。任何人有任何線索？謝謝！Bootstrap：爲什麼我的滑塊橫幅與頁面的其餘部分不匹配？

生活preview here。

來源

2013-06-06 redshift

檢查你的css中的bannerrow類 – Satya

我沒有看到任何可疑的東西。該頁面很好，只是我的滑塊似乎不像該頁面的其他部分那樣向左延伸。 – redshift

@media（min-width：1200px） .row {margin} left：-30px; }檢查了這一點 – Satya

您的.row班級已將margin-left設置爲-30px。嘗試將其設置爲0px。將來儘量避免將邊距設置在零以下;它的工作原理，但它看起來不太好，在大多數情況下可能會做其他事情。

來源

2013-06-06 04:23:38 Lemurr

我只包含一個.row類的標題（默認使用Bootstrap），並解決了這個問題。我通過查看Bootstrap網站上的Bootstrap默認模板之一發現了這一點，他們只是用.row類包裝了橫幅。我忘了將它添加到我的橫幅中，以便修復它。總之，要設置12列網格，您需要首先建立網格本身（因此，默認的.row類）。

來源

2013-06-06 12:34:34 redshift

Bootstrap：爲什麼我的滑塊橫幅與頁面的其餘部分不匹配？

回答

相關問題