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 offset-3在小型设备中消失，因为它会在两边生成空白，内容变得更小，这样div类col 6就可以占据小型设备的整个宽度。或者对于不同但更好的解决方案:是否可以创建

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

当我在小型设备中执行时，div class=-md-3移动到底部(下方)div col 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-*”类执行相同的操作。