html - Bootstrap 3 如何删除或移动小型设备(平板电脑、智能手机)下方的偏移量？

Question

这是我的网络应用程序 View 中的主要 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可以占据小设备的整个宽度。或者对于不同但更好的解决方案:Is it possible to create

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

当我在小型设备上执行时，div 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-*”类执行相同的操作。