有条件地设置 bootstrap 列宽？

Question

我在我们的 episerver 项目的 cshtml 文件中有以下 html：

<div class="col-sm-7 col-md-8">

如果没有选择背景图片，那么我想将这些值更改为全宽。

这是我一直在尝试做的，但它导致了异常错误：

<div class="@(!ContentReference.IsNullOrEmpty(Model.CurrentBlock.Image) ? col-sm-7 col-md-8 : col-sm-12 col-md-12)">

我希望它归结为一个我作为新手不熟悉的语法问题？

Answer 1

您的表达式没有返回 strings。

应该是：

<div class="@(!ContentReference.IsNullOrEmpty(Model.CurrentBlock.Image) ? "col-sm-7 col-md-8" : "col-sm-12 col-md-12")">

Set bootstrap column width conditionally?