[英]Twitter Bootstrap: Fixed top header and sidebar
假设您不需要图表左上方的任何内容,则可以使用以下标记... http://jsfiddle.net/abrudtkuhl/JV3bN/
注意:标记基于您在侧边栏上方不需要任何内容的假设(请参阅我对问题的评论)。 我使用了引导程序的“偏移”功能来移动标题。
例如: <div class="span10 offset2">
演示: http : //jsfiddle.net/abrudtkuhl/JV3bN/embedded/result/
另一个注意事项:您必须将静态高度设置为仅使内容div可滚动。 在示例中,我以200px为例。
<div class="container">
<div class="row">
<div class="span10 offset2">
<div class="page-header">
<h1>Hello World</h1>
</div>
</div>
</div>
<div class="row">
<div class="span2">
Sidebar
</div>
<div id="content" class="span10">
<h2>Bacon</h2>
<p>Bresaola pork loin shoulder sausage doner t-bone short ribs pork belly meatloaf shank. Turkey shank shankle shoulder pastrami chicken. Shoulder beef meatball meatloaf boudin turducken pancetta swine hamburger sausage jowl sirloin chuck. Prosciutto frankfurter t-bone corned beef beef capicola bacon chuck salami ribeye. Salami drumstick shankle ribeye jerky. Corned beef leberkas pastrami pork tenderloin bacon brisket flank frankfurter beef ribs fatback tongue swine tri-tip. Flank sirloin t-bone doner, bacon shankle chuck ham.</p>
<p>Bresaola pork loin shoulder sausage doner t-bone short ribs pork belly meatloaf shank. Turkey shank shankle shoulder pastrami chicken. Shoulder beef meatball meatloaf boudin turducken pancetta swine hamburger sausage jowl sirloin chuck. Prosciutto frankfurter t-bone corned beef beef capicola bacon chuck salami ribeye. Salami drumstick shankle ribeye jerky. Corned beef leberkas pastrami pork tenderloin bacon brisket flank frankfurter beef ribs fatback tongue swine tri-tip. Flank sirloin t-bone doner, bacon shankle chuck ham.</p>
</div>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.