Bootstrap如何在空数据期间动态调整列

时间:2015-09-06 13:45:56

标签: twitter-bootstrap

我们正在使用bootstrap来显示营销数据。我们希望显示为小型设备的一列和中型设备的3列,这是有效的。

中型设备问题: -

在下面的代码段中,很少次,“Marketing Data1”可能不存在。现在bootstrap添加空列。我们如何修改引导程序,如果“Marketing Data1”不存在,它应该只有2列,中间设备为中等。我的想法是,它不能在bootstrap中实现。如果是,请使用其他方法建议一种接近bootstrap的方法。

<code>
<div class="row">
            <div class="col-xs-12 col-md-4">Marketing Data1</div>
            <div class="col-xs-12 col-md-4">
                <div class="marketing-red">
                    Marketing Data2
                </div>
            </div>
            <div class="col-xs-12 col-md-4">Marketing Data3</div>
        </div>
</code>

1 个答案:

答案 0 :(得分:2)

当“Marketing Data1”为空时,

Bootstrap无法处理删除该列。你必须在服务器端(PHP或你正在使用的任何东西)处理它,或者在客户端使用Javascript处理它。