2012-05-17 23 views
0

我正在使用一些动态内容的页面。主布局位于同一流体排内的3个容器中。我想让第一个容器显示两种类型的列表中的一种,或者不存在 - 根据页面的状态而变化。 但是,当我尝试使用像$("#container-id").hide()这样的jquery函数删除元素时,它将容器向左滑动,使页面的布局偏斜。有没有办法从视图中移除这个容器,而其他容器没有向左移动?Twitter Bootstrap:隐藏一个没有行的其他容器的行流体容器向右滑动左侧?

这里是正在发生的例子: http://jsfiddle.net/PHaeA/27/

而这就是我多么希望容器出现时,第一个是缺少一个例子:http://jsfiddle.net/gLTyF/5/

谢谢!

回答

0

听起来像最简单的解决方法是(如果可能)在内容的范围内添加div,并隐藏而不是整列。

另一种方式可能是覆盖Twitter的引导风格,使其漂浮的右侧,而不是左:

.row-fluid [class*="span"] { 
    float: right; } 

,但我猜想那将是更容易造成意想不到的后果。

0

如果你想保留空间,你可以使用

$('#col1').css({visibility:"hidden"}); 
相关问题