Css 是否可以覆盖网格系统以使用全宽

Css 是否可以覆盖网格系统以使用全宽,css,twitter-bootstrap,grid-system,Css,Twitter Bootstrap,Grid System,我正在使用Twitter Bootstrap作为Css框架,我在想,既然现在大多数显示器的分辨率都是1280 X n,我可以有效地使用它,为什么还要浪费空间呢?我非常喜欢Bootstrap,我不想现在就停下来,重新开始为更大屏幕(或我老板想要的全屏宽度)编写css的整个过程 是否可以更改/更改hack或u name it,将css文件调整为全屏或至少1200Px大小,而不是现在使用的940px大小?在加载tw-bs.css后为类指定一个新值 .container { width: 1200p

我正在使用Twitter Bootstrap作为Css框架,我在想,既然现在大多数显示器的分辨率都是1280 X n,我可以有效地使用它,为什么还要浪费空间呢?我非常喜欢Bootstrap,我不想现在就停下来,重新开始为更大屏幕(或我老板想要的全屏宽度)编写css的整个过程


是否可以更改/更改hack或u name it,将css文件调整为全屏或至少1200Px大小,而不是现在使用的940px大小?

在加载tw-bs.css后为类指定一个新值

.container {
  width: 1200px;
}
.container-fluid {
  min-width: 1200px;
}

我这样做的另一种方法是创建一个id为
fluid span
的div,然后使用以下JQuery将适当的引导span类应用于中间列内容-实际上,这将始终使中间内容相对于用户的浏览器视口大小:

<div class="row">

<div id="fluid-span">

[content goes here]


</div>

<div class="span4">

[this is your right sidebar content]

</div></div>
它基本上是将适当的span类附加到id为
流体span
的div中。希望这能帮助那些正在寻找固定/流体引导解决方案的人


其中一个限制是它不是动态的——如果调整浏览器窗口的大小,则必须刷新页面才能使代码正常工作。我确信有真正的jQuery技巧的人可以更好地重写这一点:

< P>这很简单,我用了所有优秀的东西来从推特引导中进行样式化,但是剥离了网格系统,被代码< ZURB基金会网格系统< /代码>所取代。我没有再为移动浏览器实现该站点,除了获得额外的时间之外,我没有什么损失。谢谢社区

这是否使跨度的宽度相对较宽?或者它们的宽度是40px?我只是在考虑从
“ZURB基金会”
发布网格,但是使用Twitter BootStrapI的样式我自己也在考虑这样做,有很多调整吗?你能分享结果吗?@MartenVeldthuis肯定会把这个放到Github上,并与社区分享。你有时间等待吗?是的,这是为了几个月后开始的事情。@MartenVeldthuis遗憾地说,我放弃了这个想法,因为它在当前版本中实现了
$(function(){
var width = $(window).width(),
new_class = width >= 1571 ? 'span17' :
            width >= 1411 ? 'span15' :
            width >= 1251 ? 'span12' :
            width >= 995 ? 'span8' : 'span8';
$('#fluid-span').removeClass('span17 span15 span12 span8').addClass(new_class);
//alert(width);
});