Question

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

Answer 1

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

网页固定宽度

1 个答案: