MVC/.NET - 조건에 따라 다른 CSS를 보여주고자 할 때

MVC 개발시 조건에 따라 다른 CSS를 보여주고자 할 때 유용하다.

아래는 아이템이 있을 때와 없을 때에 따라서 다른 CSS를 적용한다.

@if (item.service == 0)
{
     <div class="badge alert-danger">
           @Html.DisplayFor(modelItem => item.service) ms
     </div>
}
else
{
      <div class="badge alert-success">
             @Html.DisplayFor(modelItem => item.service) ms
       </div>
}

 

또다른 true 혹은 false. 일때 아래처럼 사용 할 수 있다.

<div class="@(item.ping < 1000 ? "badge alert-success" : "badge alert-warning")">@Html.DisplayFor(modelItem => item.ping) ms                    </div>