Twitter Bootstrap Scaffolding流体布局部分显示了显示为两个蓝色框的示例代码。使用该示例，下面的代码显示“Sidebar content Body content”但没有框。还需要什么？
<!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>
最佳答案
如果您想查看蓝色框，这些框只是显示在那里以供引用并指出网格是如何划分的。它们实际上并不意味着包含在代码中。 Sidebar Content 和 Body Content 是内容显示位置的引用点。为了获得一些阴影，您需要在 span2 和 span10 div 旁边添加一个 CSS 类。这是一个例子:
<div class="span2 well">
Sidebar content
</div>
关于css - Bootstrap 容器盒，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17767463/