Bootstrap 3 linken Schließen bar 100% Höhe mit Container-Flüssigkeit

Question

Ich versuche, ein Layout für eine Seite wie diese mit einer vollen Höhe linken Schließleiste zu erstellen. Ich halte läuft in die linke schließen Bar entweder schieben alles oder ist nur die linke obere Ecke begrenzt:

Answer 1

Wenn Sie die Sidebar voller Höhe machen möchten, können Sie verwenden

.sidebar{ 
    height:100vh; 
} 

und dann können Sie geben position:fixed;

Answer 2

Ich denke, Sie wollen so etwas.

body {margin:0;} 
 
.side { 
 
    position: fixed; 
 
    background: blue; 
 
    top: 0; 
 
    left: 0; 
 
    bottom: 0; 
 
    width: 100px; 
 
} 
 
.content { 
 
    padding-left: 100px; 
 
    width: 100%; 
 
    height: 100vh; 
 
    box-sizing: border-box; 
 
} 
 
.top { 
 
    height: 100px; 
 
    width: 100%; 
 
    background: orange; 
 
    float: left; 
 
} 
 
.left, .right { 
 
    width: 50%; 
 
    height: 200px; 
 
    float: left; 
 
} 
 
.left { 
 
    background: green; 
 
} 
 
.right { 
 
    background: magenta; 
 
}

<div class="side"></div> 
 
<div class="content"> 
 
    <div class="top"></div> 
 
    <div class="left"></div> 
 
    <div class="right"></div> 
 
</div>