如何使列独立于下一行？

Question

假设我的第一行有2列，第一行宽10列（col-md-10），第二行宽2列（col-md- 2）。

我想要做的是使第二列独立于后面的行，以便它可以在页面的所有行附近有一个长列。这是一种右侧边栏。

这是一张图片，告诉你我想做什么：

有人可以帮我吗？

编辑：如果有办法制作一个固定的右侧边栏，我可以采取这个解决方案：）

Answer 1

这是Bootply

以下是一些代码：

<div class="container">
  <div class="row">
    <div class="col-md-10">
      <h1>Left Stuff</h1>
      <div class="col-md-12">
        Content
      </div>
      <div class="col-md-12">
        Content
      </div>
      <div class="col-md-12">
        Content
      </div>
    </div>
    <div class="col-md-2">
      <h1>Right stuff</h1>
    </div>
  </div>
</div>

我认为这就是你的意思。