html将1列中的2列合并为100％宽度的bootstrap 2

Question

我的.NET MVC项目中有以下HTML标记：

<div class="row">
    <div class="span6">@Model.Data</div>
    <div class="span6">@Model.OtherData</div>
</div>

我从服务器获得data。所以我想做以下事情：如果data是空的，那么用other data显示width = 100%。只是为了澄清我想做那样的事情：

<div class="row">
    <div class="span12">@Model.OtherData</div>
</div>

或相反亦然。

有没有办法做到这一点？也许使用不同的HTML标签/ CSS类。

Answer 1

基本上你只是想要有条件地显示@Model.Data只有它不是null。您还可以使用变量设置col类，并根据@Model.Data是否存在有条件地更改该变量。尝试这样的事情：

@ {
    var colClass = 'span6';

    if (@Model.Data == null) {
      colClass = 'span12';
    }
}

<div class="row">
    @if (@Model.Data != null) {
        <div class="@colClass">@Model.Data</div>
    }
    <div class="@colClass">@Model.OtherData</div>
</div>