Próbuję zaimplementować prosty nagłówek + 2 układ kolumn za pomocą twitter bootstrap.Twitter bootstrap - Naprawiono układ z przewijanym bocznym paskiem
Mam stały nagłówek o szerokości 100% i teraz próbuję mieć dwie kolumny o pełnej szerokości z niezależnymi pasami przewijania. Czy jest jakiś dobry sposób na zrobienie tego za pomocą twitter bootstrap?
Oto zdjęcie z układem Staram się budować 
znalazłem sposób, aby to zrobić. Nie jestem pewien, że jest najlepszy, ale to załatwia sprawę: 'pre-Przesuwne' klasa na swojej docelowej div
<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>
zrobiłem jsfiddle ze swojego kodu http://jsfiddle.net/m4eS4/3/ –
naprawiono http://jsfiddle.net/m4eS4/7/ –
@lenzai .. czy jesteś pewien, że skrzypce działa zgodnie z oczekiwaniami? Nie widzę prawego paska bocznego. Dzięki. –
Skorzystaj Bootstrap za. Ustaw div na pewnej stałej maksymalnej wysokości. Jest również dobry pod względem estetycznym.
Nagłówek działa dobrze (navbar-fixed-top) Dla kolumn używam kontenera z rzędem i dwoma rozpiętościami *. Kontener i wiersz mają przepełnienie: ukryte i wysokość: 100%, natomiast przęsła mają przepełnienie: auto – Rand
o układzie, który mam na myśli. –
Zmieniłem swój poprzedni komentarz, wprowadziłem przez przypadek – Rand