html - 网页固定宽度

标签 html css twitter-bootstrap

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

最佳答案

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

关于html - 网页固定宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17122863/

相关文章:

html - 如何通过css选择所有输入元素?

javascript - 禁止 HTML anchor 标记内插入符号

html - 100% 宽度/100% 高度着陆页内的元素

html - 如何仅保留底部轮廓(焦点边框)?

jquery - CSS显示表格单元格宽度不起作用

javascript - 按 Enter/Return 键不会触发 Safari 中的按钮单击

HTML 页脚响应不完美对齐

jquery - 使用 bootstrap 时模态不显示

javascript - Javascript中如何通过属性值访问特定元素

html - 嵌套的 div 高度和溢出