gpt4 book ai didi

html - 推特 Bootstrap 侧边栏和内容

转载 作者:太空宇宙 更新时间:2023-11-04 15:16:25 25 4
gpt4 key购买 nike

我正在使用 twitter bootstrap 开发应用程序,

一个副标题,一个侧边栏和主要内容。下面是测试。

此处为 photoshop 示例![示例][1]

我想重现这个例子,但是结果并不好

<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>

在线测试:http://jsfiddle.net/q2CBj/

那么如何使用 twitter bootstrap 复制一个好的 Sub-headercontent ???

对不起我的英语。

谢谢你以后的回复。

最佳答案

bootstrap docs 上有一堆示例布局,看看它们。

首先,您尝试过什么?我建议您尝试使用 themeroller 进行 Bootstrap ,http://bootswatchr.com/http://www.bootstrapthemeroller.com/ ,您可以在其中轻松创建所需的内容。

关于html - 推特 Bootstrap 侧边栏和内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14968975/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com