Bootstrap 3 .row 与侧边栏对齐答案

【问题标题】：Bootstrap 3 .row alignment with SidebarBootstrap 3 .row 与侧边栏对齐
【发布时间】：2017-02-03 19:06:58
【问题描述】：

我有一个带有侧边栏和内容区域的全宽页面。我需要具有固定宽度值的侧边栏，并且内容区域的宽度是页面的其余部分。正如您在 bootply 示例中看到的那样，第二行位于我的侧边栏下方，这不应该。

如果我将 .row:before, .row:after{display: table;} 更改为表格单元格，这个问题看起来已经解决了，但这不是一个合适的解决方案，因为它会导致一些其他问题。

http://bootply.com/89133

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 row

【解决方案1】：

将主要内容包装在它自己的部分（或 div 或内容，以任何一个为准），然后绝对定位两个主要元素。那应该行得通。看看（更新）：

http://bootply.com/89155

<div class="container">
<aside>MENU SIDEBAR</aside>
<section>
    <div class="row">
        <div class="col-sm-12">FULL WIDTH BOX</div>
    </div>
    <div class="row">
        <div class="col-sm-12">FULL WIDTH BOX</div>
    </div>
</section>
</div>

css:

aside{
  position: absolute;
  width: 200px; 
  height: 500px; 
  background: red; 
  float: left;
}
section{ 
  position: absolute;
  left: 200px;
  padding-left: 100px;
  right: 0; 
}

【讨论】：

抱歉，我需要具有固定宽度值的侧边栏，并且内容区域的宽度是页面的其余部分。我可以使用 pull-left 并删除边距并使用 javascript 计算宽度，但这是最后一个选项。
啊，是的，对不起，应该看到了。我已经更新了我的代码示例，希望对你有用！