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

Question

我们正在使用 bootstrap 来显示营销数据。我们想为小型设备显示为一列，为中型设备显示为 3 列，这很有效。

中型设备的问题:-

在下面的代码片段中，有几次“Marketing Data1”可能不存在。现在 bootstrap 添加空列。我们如何修改 Bootstrap ，如果“营销数据 1”不存在，它应该只有 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>

Answer 1

当“营销数据 1”为空时，Bootstrap 无法处理删除该列。您必须在服务器端(PHP 或您正在使用的任何软件)或在客户端使用 Javascript 来处理它。