默认情况下,表格会占据屏幕所有宽度,可以使用bootstrap的布局功能。但表格标题字段的宽度必须与相应字段内容的宽度一致。
//一行被分成12列,超过12列,将转移到下一行。实例如下:
@using (Html.BeginForm("Index", "Course", FormMethod.Get, new { @class = "form-inline", role = "form" }))
{
课程类型:
@Html.DropDownList("courseType", ViewBag.courseTypeList as SelectList, "全部课程", new { @class = "form-control" })
}
//注意,表头标题字段的宽度必须与相应字段内容的宽度一致。
@Html.DisplayNameFor(model => model.CourseName)
@Html.DisplayNameFor(model => model.CourseType)
@Html.DisplayNameFor(model => model.CourseDescription)
@Html.DisplayNameFor(model => model.PriorOrder)
@foreach (var item in Model)
{
@Html.DisplayFor(modelItem => item.CourseName)
@Html.DisplayFor(modelItem => item.CourseType)
@Html.DisplayFor(modelItem => item.CourseDescription)
@Html.DisplayFor(modelItem => item.PriorOrder)
@Html.ActionLink("编辑", "Edit", new { id = item.CourseID }, new { @class = "btn btn-primary btn-xs" })
@Html.ActionLink("详细", "Details", new { id = item.CourseID }, new { @class = "btn btn-primary btn-xs" })
@Html.ActionLink("删除", "Delete", new { id = item.CourseID }, new { @class = "btn btn-primary btn-xs" })
}
共有 @ViewBag.CourseCount 条记录更多推荐
bootstrap中表格大小设置_Bootstrap指定表格字段宽度
发布评论