Twitter bootstrap 使用Bootstrap3.0，如何在移动设备上使侧边栏栏的宽度达到100%？

因此，我正在尝试为我的响应式设计设置一个网格系统，这样在台式计算机上，我在左侧有一个主栏，用于内容，在右侧有一个栏。不过，如果是在移动设备上，我希望侧边栏能够覆盖100%的屏幕。我在这里使用的示例显示在引导站点：在页面底部-或如下所示

  <div class="row">
    <div class="col-12 col-sm-8 col-lg-8">main content</div>
    <div class="col-6 col-sm-4 col-lg-4">right side bar</div>
  </div>

---

主内容列的跨度为100%，但右侧栏列的跨度为100%。我认为它覆盖了80%的屏幕。如果它在移动站点上，我希望它能100%运行，因为没有必要让它变得更小，并且在它的右边留有空白。

这应该可以帮到你：

<div class="row">
<div class="col-12 col-sm-8 col-lg-8 main">main content</div>
<div class="col-12 col-sm-4 col-lg-4 right">right side bar</div>
</div>  

---

祝你好运

效果非常好，我从示例中唯一更改的是col-8到col-12，以防有人看到它并认为它是一样的。再次感谢！