Bootstrap 3如何在小型設備（平板電腦，智能手機）中移除或移動下方的偏移量？

Question

這是我的Web應用程序視圖中的主要div（在Rails 5中）：

<nav class="navbar navbar-inverse navbar-fixed-top" >
   my navbar
</nav>
<div class="col-md-6 col-md-offset-3">
  the main content of my web app
</div>

這在PC瀏覽器中看起來不錯，但我希望col-md-offset-3在小型設備中消失，因為它在兩側都產生空白並且內容變小，因此該div類col-md-6可以占據小型設備的整個寬度。 或尋求其他但更好的解決方案：是否可以創建

<div class="col-md-3/> <div class="col-md-6"> <div class="col-md-3/>

當我在小型設備中執行時，divs col-md-3移至div class =“ col-md-6”的底部（下方）。我該如何做？

Answer 1

因此，對於具有列類的dix，您可以執行以下操作

<div class="col-md-6 col-md-offset-3 col-xs-12 col-xs-offset-0">
  the main content of my web app
</div>

這使您的div填充了全部12列。 並刪除Xtra小型設備上的偏移量。 對於小型設備，您也可以對“ col-sm- *”類進行相同的操作。