How to make your div class=register-box wider?

See more:

bootstrap

ASP.NET5

Hi Team

I am struggling to make div class=register-box wider, is it possible to achieve such. I want to widen the register box to allow better edit and space for my form. How can i do this on boostrap?

What I have tried:

<pre>@using eNtsaRegistrationTraining.Models
@model EditTrainingRegFormViewModel

@{
    ViewBag.Ttile = "Dashboard";
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}
<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>Training Course Registration:Motion MasterClass</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="input-group mb-3">
                        @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 class="input-group mb-3">
                            @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>
            </div>
        </div>
</center>