Is there a way to center this entire panel on the web page? I could use some guidance with this.
Does anyone have recommendations for a good book to learn Bootstrap design?
<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>
Your help is greatly appreciated!
Swetha