bootstrap中表格大小设置_Bootstrap指定表格字段宽度

默认情况下，表格会占据屏幕所有宽度，可以使用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 条记录