你如何设置YII Bootstrap只有一个固定的大小?

时间:2013-03-19 17:26:40

标签: twitter-bootstrap less

我知道这种方法会破坏bootstrap的目的,但出于各种(临时)原因,我需要将总宽度设置为1000px,无论如何。默认大小是在responsive.less中导入的:

@import "responsive-1200px-min.less";
@import "responsive-768px-979px.less";
@import "responsive-767px-max.less";

我想基本上排除responsive-768px-979px.less和responsive-767px-max.less,并且只使用:responsive-1200px-min.less,但不是宽度为1200,我希望它设置为1000px 。或者更具体地说,1015。

有一种简单的方法吗?

1 个答案:

答案 0 :(得分:0)

首先,您需要删除包含767-979和767 max的媒体查询的bootstrap-responsive.css部分(或重新编译较少的文件并排除您不想要的导入)。

在此之后,您将需要浏览bootstrap-responsive.css并将1200px媒体查询作为默认设置(删除标签周围的媒体)并将1200px和关联值更改为大小的5/6以创建自定义基于1000px的设计。通过这样做,你应该有一个1000px宽的布局。

备选方案1

您可能根本不包括响应式对应物并坚持使用固定的940px宽体。 (这不是1000px宽,但非常接近)。

<强>问题

我猜测bootstrap选择具体的响应大小和固定大小(当不使用bootstrap-responsive.css时)有充分理由并且更改它们不是一个好主意。