0

我正在使用引导程序，如果我使用固定宽度和自动边距container-fluid使内容居中，则会失去响应能力。

有没有办法避免这种情况？还是响应式设计意味着没有固定宽度？

HTML

<div class="container-fluid"></div>

CSS

.container-fluid {
    width: 960px;
    margin: 0px auto;
}
4

3 回答 3

1

Twitter Bootstrap 已经有一个类可以做你想做的事，他的名字是“容器”，他使用固定宽度，但是使用媒体查询规则时宽度是不同的，所以它随着屏幕变小而变小，当小于 767 像素时，该容器是100% 的屏幕尺寸。

于 2013-05-26T04:58:50.283 回答
1

基本上，“流体”和固定宽度是矛盾的术语。但是有很多选择。例如，您可以设置最大宽度和最小宽度，而不仅仅是宽度。或者您可以在 ems 中设置一个宽度，这仍然为布局提供了一些灵活性（尤其是与 % width 列结合使用时）。

另一种选择是设置您的 960px 宽度，但要使用 @media 查询在不同的屏幕尺寸下更改该宽度。

于 2013-05-26T04:59:57.653 回答
0

尝试在 div 中添加一个 id 并在那里应用更改以尊重预先配置的 container-fluid 类

于 2013-05-26T04:59:29.893 回答