在表单中使用div类时，如何扩大注册框

Question

我有一个表单，它是在一个寄存器框中创建的，希望加宽宽度以允许创建其他控件，如输入文本。有没有一种方法可以在bootstrap上做到这一点？请按照我的逻辑告诉我。我正在努力实现这一点，并且在引导程序的文档中没有找到相关的示例，请帮助更好地改进此逻辑。我的寄存器盒在一个中心内，想找到一种方法来扩大它的宽度。

<center>
<div class="register-box ">
<div class="register-logo">
</div>
<div class="card">
<div class="card-body register-card-body">
<center>
<img src="~/Images/eNtsa.png" />
</center>
<center>
<p><b>Training Course Registration:Motion MasterClass</b></p>
<hr />
<p>Course date: 25-27 February 2020</p>
<hr />
<p>
Note:Please note your registration is submit approval as seats for this course is limited. Once your registration is confirmed, you will receive a quote for subject to your confirmation
followed by an invoice.
</p>
</center>
<hr />
@using (Html.BeginForm("editRegForm", "Home", FormMethod.Post, new { @role = "form" }))
{
@Html.AntiForgeryToken()
<div class="row">
<label for="Title"> Title: </label>
<div class="input-group col-md-6 col-md-offset-8 col-sm-10 col-xs-10">
<div class="input-group pull-left">
@Html.TextBoxFor(m => m.Title, new { @class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required" })
<div class="input-group-append">
<div class="input-group-text">
</div>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<label for="Name">Name:</label>
<div class="input-group col-md-6 col-md-offset-8 col-sm-10 col-xs-10">
<div class="input-group pull-left">
@Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", type = "text", id = "firstname", autofocus = "autofocus", placeholder = "First Name", required = "required" })
<div class="input-group-append">
<div class="input-group-text">
</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="row">
<div class="col-md-2">
<label for="LastName">LastName:</label>
</div>
<div class="col-md-10">
@Html.TextBoxFor(m => m.LastName, new { @class = "form-control", type = "text", id = "lastname", autofocus = "autofocus", placeholder = "Last Name", required = "required" })
</div>
</div>

}
</div>
</div>
</div>
</center>

Answer 1

重新定义类

.login-box和.register-box

更新宽度：

width: 450px;