如何使表头在asp.net mvc中居中对齐？答案

【问题标题】：How to make the table header align center in asp.net mvc?如何使表头在asp.net mvc中居中对齐？
【发布时间】：2017-11-27 22:59:06
【问题描述】：

这是我在 asp.net mvc 中的表格的代码。

<div class="span4 proj-div text-center" data-toggle="modal" data-target="#addLanguageModal">
<u>Add Language</u>
<table class="table table-bordered table-dark-header table-responsive">
    <tr class="text-center">
        <th>Language Name</th>
        <th>Welcome Message</th>
        <th></th>
    </tr>


    @foreach (var item in Model.Languages)
    {
        <tr>
            <td>@Html.DisplayFor(modelItem => item.LanguageName)</td>
            <td>@Html.DisplayFor(modelItem => item.Message)</td>
            <td>
                @Html.ActionLink("Edit", "EditLanguage", "Country", new { id = item.LanguageId })|
                @Html.ActionLink("Delete", "DeleteLanguage", "Country", new { id = item.LanguageId })
            </td>
        </tr>
    }
</table>

屏幕喜欢：

您会看到标题在左侧。我希望标题文本位于中心。我们可以使用引导类来做到这一点吗？

【问题讨论】：

标签： css asp.net-mvc twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

将类名class="text-center" 添加到每个th。

或者在你的 CSS 中：

th {
  text-align: center;
}

Bootstrap documentation - alignment classes

【讨论】：