0

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

我喜欢它的外观和感觉Twitter Bootstrap。我想试用完整的软件包(仅使用我需要的控件)。我想从布局开始。我试图找到有关如何将宽度设置为我需要的宽度的文章。我如何将宽度设置为 1350 像素。或者可能是 1500 像素宽。我不希望宽度根据屏幕的宽度自行调整。我不介意浏览器底部的滚动条。左侧导航为 300 像素,其余部分填充 1050 像素。

在 Bootstrap 中是否有可能发生这样的事情?与其他布局相比,您对使用 Bootstrap 的布局有何看法。

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

4

2 回答 2

1

您应该改用 YUI Grid Builder。:)

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

完全披露:我做到了。

于 2013-05-13T21:32:47.983 回答
1

我自己为此苦苦挣扎,并在这里写了一个完整的答案:如何更改默认引导流体网格 12 列装订线宽度

希望这可以帮助!

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

并且要具有不流动的宽度,您只需使用 class="row" 而不是 class="row-fluid"

但是一旦你设置了装订线宽度和列宽,你就不能轻易地指定宽度。只有列的倍数加上每个相应的装订线。

于 2013-05-13T20:36:59.407 回答