Twitter Bootstrap布局的灵活性

Question

我目前正在使用Yahoo user interface (YUI)网格作为布局。我发现使用这些网格非常容易。在（例如）1350px（居中）的布局中没有大惊小怪。然后我可以添加一个300px的左导航颜色和1050px的右主列。

我喜欢Twitter Bootstrap的外观和感觉。我想尝试完整的包（只使用我需要的控件）。我想从布局开始。我试图找到关于如何将宽度设置为我需要的宽度的文章。如何将宽度设置为1350px。或者可能是1500px宽。我不希望宽度根据屏幕的宽度进行自我调整。我不介意浏览器底部的滚动条。还有一个300px的左导航，其余的填充1050px。

在Bootstrap中是否可以这样？与其他布局相比，您对使用Bootstrap布局有何看法。

1350px只是一个演示宽度，我只想知道Bootstrap是否可以处理我想要的任何宽度。 Bootstrap布局有多灵活？

Answer 1

我自己也在努力，并在这里写了一个完整的答案：How to Change Default Bootstrap Fluid Grid 12 Column Gutter Width

希望这有帮助！

基本上，所有列和装订线宽度都是在您可以自定义的变量中设置的。您唯一能做的就是将列和装订线宽度设置为您想要的宽度，并为左列或内容列等指定一个，两个，三个，四个......等列。

要使宽度不流畅，只需使用class =“row”而不是class =“row-fluid”

但是，一旦设置了装订线宽度和列宽，就无法轻松指定宽度。只有列的倍数加上每个相应的排水沟。

Answer 2

您应该使用YUI Grid Builder。 :)

http://yui.github.com/gridbuilder/

完全披露：我做到了。