Bootstrap for ASP.NET MVC

Using Bootstrap CSS and HTML Elements
Of course, we can also apply these styles dynamically in our ASP.NET MVC views.
In our ProductViewModel view model, we have a Status property, which can be
one of the ive contextual Bootstrap classes. By setting the element's class to
this property, we can dynamically change the color of the rows in the table, based
on their data as illustrated in the following markup:
@foreach (var item in Model)
{
@Html.DisplayFor(modelItem => item.ProductName)
@Html.DisplayFor(modelItem => item.UnitPrice)
@Html.DisplayFor(modelItem => item.UnitsInStock)
@Html.DisplayFor(modelItem => item.Discontinued)
@Html.ActionLink("Edit", "Edit", new { /* id=item.
PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /*
id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.
PrimaryKey */ })
}
In the preceding code, you will notice how the table row's class was set to @item.
status. This will cause the rows to be highlighted based on the mapping we've
speciied for the Status property, as illustrated in the following screenshot:
[ 38 ]