我對此問題中缺少代碼示例表示歉意,但我甚至不知道要放什麼。如果你訪問這個頁面:當瀏覽器縮小到移動大小時,較大的右邊距引導程序
你會發現,如果調整瀏覽器窗口的移動設備大小出現在頁面的右邊一大片白色的餘量。
我似乎無法弄清楚爲什麼會發生這種情況。有任何想法嗎?
我對此問題中缺少代碼示例表示歉意,但我甚至不知道要放什麼。如果你訪問這個頁面:當瀏覽器縮小到移動大小時,較大的右邊距引導程序
你會發現,如果調整瀏覽器窗口的移動設備大小出現在頁面的右邊一大片白色的餘量。
我似乎無法弄清楚爲什麼會發生這種情況。有任何想法嗎?
它從這個填充來:
@media (max-width: 767px){
body {
padding-right: 20px;
padding-left: 20px;
}
}
線:803從這個文件>http://theplaybook.co/wp-content/themes/playbook/css/bootstrap-responsive.css?ver=3.5.2
針對您的評論:(試試這個)
@media (max-width: 767px){
.navbar {
padding:0 20px;
}
}
在bootstrap-responsive.css中,身體在左側和右側獲得20px的填充窗口大小。如果您完全不需要,請將其從您的版本中刪除。這是在行803,看起來像這樣:
@media (max-width: 767px) {
/*body { These are the lines you want to remove
padding-right: 20px;
padding-left: 20px;
}*/
如果你只是想在某個元素或類上移除空白,這些邊距添加到它:從我的回答
margin-left:-20px;
margin-right:-20px;
採取Twitter Bootstrap: white space on left and right side in smaller screen widths?
這確實擺脫了20px的填充。謝謝:)) –
雖然還是個問題。標題中的Playbook徽標現在部分消失在屏幕上以及菜單按鈕中。而且,右側仍然有很大的白色邊緣。有任何想法嗎? –
看我的編輯..它看起來像你只需要處理不同的媒體大小的導航欄填充。 –