在使用 twitter bootstrap 完成我的网页的整个布局后(所有行都是固定的) - 我想将宽度设置为固定,即无论浏览器大小如何,布局都保持不变。也就是说,如果浏览器太小,那么只有页面的一部分是可见的。
我的布局结构如下
<body>
<div style="container">
<div class="row">
<div class="span12">
<div class="span4">
</div>
<div class="span8">
</div>
</div>
</div>
<div class="span9"> </div>
<div class="span3"> </div>
</div>
</body>
我尝试制作一个包含容器的 div,并将其位置设置为绝对,但这并不能阻止元素在调整浏览器大小时移动。
我怎么能做到这一点?
这是头脑中的内容:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="script.js"></script>
</head>