Bootstrap Spalten verfügt über separate Rollbalken

Question

I Seite in drei Teile gegliedert haben: linke Seitenleiste, Inhalt und rechten Sidebar

<div class="row"> 

      <div class="col-lg-1 sidebar-left"> 
       ...(html content) 
      </div><!-- /.sidebar-left --> 

      <div class="col-lg-9 col-md-10 col-lg-offset-1"> 
       ...(html content) 
      </div><!-- /.col-md-9 --> 

      <div class="col-md-2 sidebar sidebar-right"> 
       ...(html content) 
      </div> <!-- /.sidebar-right --> 

</div><!-- /.row --> 

Das Problem ocurs, wenn zwei Elemente länger als Bildschirmhöhe sind, und erstellt separate Rollbalken für die einzelnen Elemente . Irgendwelche Ratschläge, wie man die Seite mit einer einzelnen Bildlaufleiste erstellt, egal wie lang die Elemente sind?

Screenshot des Problems:

Answer 1

Dies ist ein reines CSS Problem. Sowohl linke als auch rechte Seitenleiste haben möglicherweise eine height definiert. Wenn also die Kindergröße die definierte Höhe überschreitet, handelt der Elternteil. Wenn overflow: hidden ist, wird der Überschreitungsteil ausgeblendet. Wenn overflow: scroll oder overflow: auto angezeigt wird, wird ein Bildlauf hinzugefügt, um alle Elemente anzuzeigen.

Sie müssen die festen Höhen von beiden Seitenleisten entfernen.