CW *_* II 5 css twitter-bootstrap
流体布局上的Twitter Bootstrap Scaffolding部分显示了显示为两个蓝色框的示例代码.使用该示例,下面的代码显示"补充工具栏内容正文内容",但没有框.还需要什么？
<!DOCTYPE html>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-iconhttp://twitter.github.io/bootstrap/scaffolding.htmls.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
Sidebar content
</div>
<div class="span10">
Body content
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
</body>
</html>
小智 6
如果您正在尝试查看那些仅显示在那里的蓝色框以供参考,并指出网格是如何划分的.它们实际上并不意味着包含在代码中.单词边栏内容和正文内容是您显示内容的参考点.为了得到一些阴影,你需要在span2和span10 div之间添加一个CSS类.这是一个例子:
<div class="span2 well">
Sidebar content
</div>
| 归档时间： |
|
| 查看次数： |
43474 次 |
| 最近记录： |