0

因此，我正在尝试为我的响应式设计设置一个网格系统，以便在台式计算机上，我在左侧有一个用于内容的主列和一个右侧栏。如果它在移动设备上，我希望侧边栏跨越 100% 的屏幕。我在此处的引导站点上使用示例显示：http ://examples.getbootstrap.com/grid/ 在页面底部 - 或如下所示...

  <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%，但右侧栏栏没有。它跨越了 80% 的屏幕（我认为）。如果它在移动网站上，我希望它能够做到 100%，因为没有必要让它更小并在它的右侧留出空白。

4

1 回答 1

7

这应该为您解决问题：

<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>

看直播

于 2013-08-13T21:19:40.080 回答