我想对齐网页的整个面板中心.有人可以帮我解决这个问题吗？还有,请你帮我一本好书,我可以用它来学习bootstrap设计.
- <div class="panel panel-default" style="max-width:500px;margin-left:auto;margin-right:auto;">
- <div class="panel-heading">
- <h3 class="panel-title text-center">User Login</h3>
- </div>
- <div class="panel-body">
- @Html.ValidationSummary(true)
- <table class="table">
- <tbody>
- <tr>
- <td>@Html.LabelFor(model => model.Username)</td>
- <td>@Html.EditorFor(model => model.Username)</td>
- <td>@Html.ValidationMessageFor(model => model.Username)</td>
- </tr>
- <tr>
- <td>@Html.LabelFor(model => model.Password)</td>
- <td>@Html.EditorFor(model => model.Password)</td>
- <td>@Html.ValidationMessageFor(model => model.Password)</td>
- </tr>
- <tr>
- <td></td>
- <td>
- <input type="submit" value="Login" class="btn btn-default" style="" />
- </td>
- <td></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
感谢您
Swetha
解决方法
您可以从面板中删除css样式并将其包装如下.
- <div class="col-sm-6 col-sm-offset-3">
- <div class="panel panel-default">
- ...
- </div>
- </div>
