Tôi đang cố triển khai bố cục tiêu đề + 2 cột đơn giản bằng cách sử dụng trình khởi động twitter.Twitter bootstrap - Bố cục cố định với thanh cuộn có thể cuộn
Tôi có tiêu đề cố định với chiều rộng 100% và bây giờ tôi đang cố gắng có hai cột chiều cao đầy đủ cố định với thanh cuộn độc lập. Có cách nào tốt để làm điều này với twitter bootstrap?
Dưới đây là một bức tranh về cách bố trí tôi đang cố gắng xây dựng 
Tôi tìm thấy một cách để làm điều đó. Bạn không chắc chắn đó là tốt nhất, nhưng nó lừa: 'trước cuộn' lớp
<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>
thực hiện một jsfiddle trong mã của bạn http://jsfiddle.net/m4eS4/3/ –
sửa lỗi http://jsfiddle.net/m4eS4/7/ –
@lenzai .. bạn có chắc chắn fiddle đang làm việc như mong đợi? Tôi không thấy thanh bên phải. Cảm ơn. –
Sử dụng bootstrap về div mục tiêu của bạn. Đặt div ở một số độ cao tối đa cố định. Tốt về mặt thẩm mỹ của nó, là tốt.
Tiêu đề hoạt động tốt (navbar-fixed-top) Đối với các cột, tôi sử dụng một vùng chứa có một hàng và hai khoảng *. Vùng chứa và hàng có tràn: ẩn và chiều cao: 100%, trong khi các nhịp bị tràn: tự động – Rand
về bố cục tôi muốn nói. –
Tôi đã chỉnh sửa bình luận trước đó của mình, tôi đã nhấn enter do tai nạn – Rand