移動設備上的自舉響應問題

我正在使用Bootstrap v3.3.7的網站上工作。但是，當我進入移動視圖時，該行出現在屏幕寬度之外。並導致一些問題與設計我的div結構是這樣的移動設備上的自舉響應問題

<div class="container"> 
<div class="row" id="something"> 
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" id="left-side"> 
     <div class="row"> 
     <div class="col-sm-5 col-xs-5" ></div> 
     <div class="col-sm-7 col-xs-7" ></div> 
     </div> 
    </div> 
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12"> 
    <div class="row"> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"></div> 
    </div> 
</div> 

</div>

誰能幫我出什麼是錯的這種結構，爲什麼滾動條在頁面的底部即將到來？我想提一提的是，當我添加

#something{margin:0px}

然後將其固定問題，在某些特殊情況

對不起，我不能分享我確切的代碼。 ty

來源

2017-04-24 user7747472

提供小提琴？ –

'com-sm-4'應該是'col-sm-4' – herrh

一切都適用於這個代碼..問題出在你的一些內在元素 –

對於引導中的行，默認情況下是左邊和右邊的邊距是-15px以覆蓋外部div的左側和右側的區域（外部div的左側和右側的15px的填充），可能它可能是容器或任何col div，所以如果您刪除此邊距，網站的結構將不會對齊，並在移動設備的底部創建滾動條。所以請移除移動寬度上的#something {margin：0px}。如果要隱藏底部的滾動條，請添加css： body（overflow-x：hidden;）

如果還有其他問題，請告訴我。

來源

2017-04-24 12:00:53 Sangrai

移動設備上的自舉響應問題

回答

相關問題