Bootstrap Twitter - 100% Altezza

Question

Sto provando a progettare un pannello di amministrazione per la mia applicazione utilizzando il framework twitter-bootstrap ma non riesco a far funzionare il layout.

ho preso spunto da questo progetto:
sarebbe un due layout di colonna "Sidebar" e "Contenuto principale", ma non riesco a ottenere l'altezza del 100% al lavoro. Sono riuscito a ottenere il layout 2 colonna con larghezza 100% utilizzando questo codice:

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; 
} 

Sono a metà strada, ma ci sono due cose che non posso risolvere.
1) 100% Altezza
2) Come liberarsi dei margini esterni seconda immagine su

Si può vedere che ho margine tra il bordo e la barra laterale del browser/Principali elementi e quindi il margine tra i due. Ho bisogno di sbarazzarmi di questo se aggiungo nessun margine a tutti i miei elementi in HTML che ho incollato tra cui tag body non riesco ancora ad ottenere il 100% di altezza e non riesco ancora a sbarazzarmi dei margini tra il bordo del browser e la barra laterale e il contenuto principale lo spazio del margine tra la barra laterale e il contenuto principale scompare.

Answer 1

Non sono sicuro che il modello di griglia di Bootstrap sia quello che stai cercando qui. Potresti invece cercare il posizionamento assoluto. Per esempio:

#sidebar, #content { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
} 
#sidebar { left: 0; width: 10em; } 
#content { left: 10em; right: 0; } 

Try it out.

Answer 2

io non sono sicuro se questo è quello che stai cercando, but here it goes.

solo leggermente modificato il CSS. margin:0; a html, body tag.

Answer 3

Ecco un esempio che funziona per Bootstrap 3 ..

Assicurarsi che l'HTML e il corpo sono sia in altezza al 100%. Avvolgi la barra laterale e il contenuto e quindi utilizza position:absolute nella barra laterale.

http://www.bootstrapzero.com/bootstrap-template/basis

Codice: http://bootply.com/86704