我在 bootstrap 中创建了一个表单，但是随着内容扩展到屏幕之外，屏幕不显示滚动控件，所以我看不到或接触到额外的内容？!
我试过设置溢出但是好像没有多余的内容？
观看现场演示:http://jsfiddle.net/8hYVq/
<html>
<head>
<title>Majstorce</title>
<link rel="stylesheet" href="/static/bootstrap.css" type="text/css" media="screen" charset="utf-8">
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"></script>
<script type="text/javascript">
window.__admin_media_prefix__ = "/static/admin/";
</script>
<script type="text/javascript" src="/static/admin/js/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/static/admin/js/calendar.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/DateTimeShortcuts.js"></script>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<h1>My test page...</h1>
<ul class="nav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
</div>
<div class="container">
<h3>My form</h3>
<div class="row">
<div class="span8">
<form action="" method="POST">
<div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='7ea0a3a7726d12e63e4fee21a7d53f21' /></div>
<p><label for="Title">Title:</label> <input id="title" type="text" name="title" maxlength="255" /></p>
<p><label for="Category">Category:</label> <select name="Category" id="Category">
<option value="" selected="selected">---------</option>
<option value="1">Cars</option>
<option value="2">Food</option>
</select></p>
<p><label for="Description">Description:</label> <input id="Description" type="text" name="Description" maxlength="255" /></p>
<p><label for="user">User:</label> <select name="user" id="user">
<option value="" selected="selected">---------</option>
<option value="1">CustomUser object</option>
</select></p>
<p><label for="id_grad">Location:</label> <select name="Location" id="Location">
<option value="" selected="selected">---------</option>
<option value="1">New York</option>
<option value="2">Washington</option>
</select></p>
<p><label for="From">From:</label> <input id="From" type="text" class="vDateField" name="From" size="10" /></p>
<p><label for="To">To:</label> <input id="To" type="text" class="vDateField" name="To" size="10" /></p>
<input type="submit" name="submit" value="Post"/>
</form>
</div>
<div class="span4">asd</div>
<div class="clear" style="clear:both"> </div>
</div>
</div>
</div>
</body>
</html>
最佳答案
正如 Pavlo Mykhalov 鹰眼所注意到的，容器是导航栏类的一部分，因此错误... 谢谢帕夫洛!
关于css - Bootstrap css 内容不展开/滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14671729/