0

在使用 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>
4

1 回答 1

0

我认为您已在 html 中包含 bootstrap-responsive.css 。去掉它!然后你可以将你的容器设置为你想要的任何东西。width: (x)px;

于 2013-06-15T11:11:28.733 回答