2013-03-19 44 views
0

我知道这种做法违背了bootstrap的目的,但出于各种(临时)原因,我需要将总宽度设置为1000px,而不管它是什么。缺省大小是进口的responsive.less:你如何设置YII Bootstrap只有一个固定大小?

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

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

有没有简单的方法来做到这一点?

回答

0

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

之后,您将希望通过bootstrap-responsive.css并将1200px媒体查询设置为默认值(移除媒体环绕标签),并将1200px和相关值更改为该尺寸的1/6,以创建基于自定义1000px的设计。通过这样做你应该有一个1000px宽的布局。

替代1

你可以简单地不包括对口响应,并与固定940px宽体棒。 (这不是1000px宽,但非常接近)。

问题

我猜引导选择了特定的响应大小和固定的尺寸(不使用bootstrap-responsive.css时),具有良好的原因,并改变它们是不是一个好主意。

相关问题