Twitter bootstrap 带浮点的bootsrap3问题

今年夏天，我一直在与bootstrap合作，为我的实习重新设计一个网页，在从老板那里得到几张版面后，我希望这是最后一张。我不得不放弃使用模板，因为覆盖他们将实现的一些预定义主题太困难了，所以我或多或少从零开始绘制了这个布局

我对带有“mainContent”类的div和带有“sideFooter”类的div的浮动有一些问题。在F/S视图中，高光表应该在主侧栏导航下齐平显示，但它没有这样做，因为有一个等于面板框高度的间隙，我似乎不明白为什么。。。我接着问了其他问题，关于将内容的浮动设置为右侧，浮动设置为左侧，侧边栏在小窗口调整大小时移动到底部，如宽度<768 px

此外，它在某些断点处看起来相当松散，最底部的页脚在调整大小时没有固定在左侧，并扩展到侧边栏的其余部分之外，并且在达到移动大小之前以更小的速度移动到内容下方，这似乎是可以容忍的

---

任何帮助都将不胜感激

您可能需要创建两个容器div，一个用于侧栏，一个用于主要内容。 e、 g

如果希望侧边栏上的某些内容与主内容中的某些项目对齐，请将需要对齐的内容放在一起。例如：

<div class="row">
     <div class="col col-lg-3 col-sm-3">
         <!--Aligning sidebar content Here --> 
     </div>
     <div class="col col-lg-9 col-sm-9">
         <!--Aligning Main Content Here -->
     </div>
</div>    
<div class="row">
     <div class="col col-lg-3 col-sm-3">
         <!--Aligning sidebar content Here --> 
     </div>
     <div class="col col-lg-9 col-sm-9">
         <!--Aligning Main Content Here -->
     </div>
</div>

---

通过尝试和错误调整大小，这看起来越来越糟糕。。。。现在我想知道是否有任何方法可以锁定div的，并防止他们暂时调整大小，直到我可以解决这个问题。。。

<div class="row">
     <div class="col col-lg-3 col-sm-3">
         <!--Aligning sidebar content Here --> 
     </div>
     <div class="col col-lg-9 col-sm-9">
         <!--Aligning Main Content Here -->
     </div>
</div>    
<div class="row">
     <div class="col col-lg-3 col-sm-3">
         <!--Aligning sidebar content Here --> 
     </div>
     <div class="col col-lg-9 col-sm-9">
         <!--Aligning Main Content Here -->
     </div>
</div>