Sto cercando di implementare un'intestazione semplice + layout di 2 colonne utilizzando il bootstrap di Twitter.Bootstrap di Twitter - Layout fisso con barra laterale scorrevole
Ho un'intestazione fissa con larghezza 100% e ora sto provando ad avere due colonne a tutta altezza a larghezza fissa con barre di scorrimento indipendenti. C'è un buon modo per farlo con twitter bootstrap?
ecco una foto del layout sto cercando di costruire 
ho trovato un modo per farlo. Non sono sicuro che sia la migliore, ma lo fa il trucco:
<html>
<head>
<link rel="stylesheet" media="screen" href="normalize.css">
<link rel="stylesheet" media="screen" href="bootstrap.min.css">
<style type="text/css">
body, html {
height: 100%;
overflow: hidden;
}
.navbar-inner {
height: 40px;
}
.scrollable {
height: 100%;
overflow: auto;
}
.max-height {
height: 100%;
}
.no-overflow {
overflow: hidden;
}
.pad40-top {
padding-top: 40px;
}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
header contents
</div>
</div>
</div>
<div class="container max-height no-overflow">
<div class="row max-height">
<div class="span8 scrollable">
<div class="pad40-top">
main contents
</div>
</div>
<div class="span4 scrollable">
<div class="pad40-top">
right sidebar contents
</div>
</div>
</div>
</div>
</body>
creato un jsfiddle dal codice http://jsfiddle.net/m4eS4/3/ –
corretto http://jsfiddle.net/m4eS4/7/ –
@lenzai .. sei sicuro che il violino funzioni come previsto? Non vedo la barra laterale destra. Grazie. –
Usa di bootstrap 'pre-scorrevole' classe sul tuo div bersaglio. Imposta div a qualche altezza massima fissa. È anche bello esteticamente.
L'intestazione funziona bene (navbar-fixed-top) Per le colonne, utilizzo un contenitore con una riga e due span *. Il contenitore e la riga hanno overflow: nascosto e altezza: 100%, mentre gli span hanno overflow: auto – Rand
sul layout intendo. –
Ho modificato il mio commento precedente, avevo premuto invio per errore – Rand