将固定高度设置为引导程序解决方案

时间:2015-07-31 23:15:12

标签: twitter-bootstrap

有一个巨大的项目正在进行中,我们使用高音引导程序进行了70%。问题是,我们获得了大量内容,向下延伸超过1200px,导致显示垂直滚动条。客户回来后要求固定高度(800px或1200px)。有没有办法设置引导程序可以继承的一般高度,而无需我们进入每个单独的屏幕并重新设计这个新的屏幕设置? (我们可能会考虑重做3到4个月)。 (先谢谢!!)

2 个答案:

答案 0 :(得分:0)

可能取决于你是否有一个单一的模板'所有页面继承的类型页面,或者它们都使用具有相同类的顶级div,例如使用.container类。如果是这样,您可以在该元素/类上设置max-heightoverflow:hidden;,但这也可能会引入一些副作用。例如:

.rootLevelClassName {
   max-height: 800px;
   overflow: hidden;
}

我没有验证自己,但它应该让你接近。

答案 1 :(得分:0)

如果所有文件共享相同的引导程序css,则可以从here下载引导程序文件,然后将body元素的高度设置为1200px或客户端所需的任何内容,并将自定义引导程序文件链接到文件。从那里你可以重构你的代码,使用百分比使所有东西都适合固定在1200px的体内。