Twitter bootstrap 如何在小屏幕上使DIV全宽

我的设计布局有一个问题：

HTML:

看起来像这样：

但在小屏幕上，它显示如下：

---

有什么想法吗？

您可以使用

margin:0 auto

（消除偏移值）居中

col-lg-10

然后添加

col-xs-12

， 比如：

<div class="col-lg-10 col-xs-12" style='margin: 0 auto'>

---

我不能确定它是否有效，因为它还取决于您拥有的其他标记（行-containers-等）

使用

class=“row”

将代码包装在

div中，并将
col-xs-12
添加到您的内部
div
：

<div class="row">
  <div class="col-lg-10 col-lg-offset-1 col-xs-12">
    ...
  </div>
</div>


...

<div class="row">
  <div class="col-lg-10 col-lg-offset-1 col-xs-12">
    ...
  </div>
</div>