twitter-bootstrap twitter Bootstrap 侧边栏和内容
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14968975/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
twitter Bootstrap sidebar and content
提问by Kate
I'm using twitter bootstrap to develop an app,
我正在使用 twitter bootstrap 开发一个应用程序，
One Sub-header,One sidebar and main content. Following is the test.
一个子标题，一个侧边栏和主要内容。以下是测试。
example here photoshop ![example][1]
此处示例 photoshop！[示例][1]
I would like to reproduce the example, but the result and not good
我想重现这个例子，但结果并不好
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div id="sub-header">subheader???</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span9" id="file">
<ol class="group" id="alist">
<li>
<div class="filename">
<i class="icon-ban-circle"></i>
<span> 3 files .</span>
</div>
<div class="alist">
<span class="info">28 minutes ago</span>
</div>
</li>
</ol>
</div>
<div class="span3" id="sidebar">
<li>
<div class="filename2">
<i class="icon-ban-circle"></i><span> INFO .</span>
</div>
</li>
<div class="row-fluid" >
<div class="span12 center-block">
<li>
<div class="filename">
<i class="icon-ban-circle"></i><span> INFO .</span>
</div>
</li>
</div>
</div>
</div>
</div>
</div>
test online: http://jsfiddle.net/q2CBj/
在线测试：http: //jsfiddle.net/q2CBj/
so how to reproduce a good Sub-headerand contentas in the image with twitter bootstrap ???
那么如何使用 twitter bootstrap重现图像中的良好子标题和内容？？？
sorry for my english.
对不起我的英语不好。
Thnak you for futur reply.
谢谢你的未来答复。
回答by
There's a bunch of example layouts on bootstrap docs, take a look at them.
bootstrap docs上有一堆示例布局，看看它们。
First of all, what have you even tried? I would suggest that you try a themeroller for bootstrap, http://bootswatchr.com/or http://www.bootstrapthemeroller.com/, where you can easily create what you want.
首先，你甚至尝试过什么？我建议您尝试使用 themeroller for bootstrap，http://bootswatchr.com/或http://www.bootstrapthemeroller.com/，您可以在其中轻松创建您想要的内容。
