隐藏引导程序中的列

时间:2015-10-12 20:49:15

标签: twitter-bootstrap

我需要添加一个包含多列的行。我的第一栏 - ' col-sm-1'将保存为填充,我需要隐藏它。但是,当我添加col-sm-4时,它没有隐藏。

<div class="row">
        <div class="col-sm-1 hidden" style="background-color:lavender;">
        </div>
        <div class="col-sm-4" style="background-color:lavender;">text
        </div>
    </div>

2 个答案:

答案 0 :(得分:0)

不要使用列作为填充。 删除第一列并添加该类 col-sm-offset-1与col-sm-4类一起使用

答案 1 :(得分:0)

我不知道任何允许你这样做的bootstrap助手类。

使用自己的CSS和其他课程很容易修复。

.hidden-helper {
    opacity: 0;
}

<强>样本:

http://jsfiddle.net/SeanWessell/brvpppcv/

但是,如果您只想将列推过,则应使用网格偏移。

示例:col-sm-offset-1

http://getbootstrap.com/css/#grid-offsetting