Ich versuche, ein Admin-Panel für meine Anwendung mit dem Twitter-Bootstrap-Framework zu entwerfen, aber ich kann mein Layout nicht zum Laufen bringen.

Ich wurde von diesem Design inspiriert:
Es wäre ein zweispaltiges Layout "Seitenleiste" und "Hauptinhalt", aber ich kann die 100% -Höhe nicht zum Laufen bringen. Ich habe es geschafft, mit diesem Code ein zweispaltiges Layout mit 100% Breite zu erhalten:

HTML

<div class="container-fluid">
 <div class="row-fluid">


   <div class="span2 colorize-white">
     <!--Sidebar content-->Sidebar
   </div>


   <div class="span10 colorize-white">
     <!--Body content-->Main
   </div>


 </div> 
</div>

CSS

/* Global */
html, body {
    color: #6B787F;
    padding: 0;
    height: 100%;
    background: #11161a;
    font-family: 'PT Sans' !important;
}

.colorize-white {
    background: #FFFFFF;
}

.no-margin {
    margin: 0;
}

Ich bin auf halbem Weg, aber es gibt zwei Dinge, die ich nicht lösen kann.
1) 100% Höhe
2) Die äußeren Ränder des zweiten Bildes entfernen

 Sie können sehen, dass ich einen Rand zwischen dem Browser-Rand und den Sidebar / Main-Elementen und dann einen Rand zwischen den beiden habe. Ich muss das loswerden, wenn ich all meinen HTML-Elementen, die ich einschließlich des Body-Tags eingefügt habe, keinen Rand hinzufüge. Ich erhalte immer noch keine 100% -Höhe und kann die Ränder zwischen Browser-Rahmen und Seitenleiste und Hauptinhalt währenddessen nicht loswerden Der Randbereich zwischen Seitenleiste und Hauptinhalt verschwindet.