How to align div class to the center using bootstrap?

Question

Hi Team

 

@{
    ViewBag.Title = "File-Upload";
}

@using Syncfusion.EJ2;

<div class="form-group xl-auto">
    <div class="control-section">
        @Html.EJS().FileManager("file").AjaxSettings(new Syncfusion.EJ2.FileManager.FileManagerAjaxSettings
               {
                   Url = "/Home/FileOperations",
                   GetImageUrl = "/Home/GetImage",
                   UploadUrl = "/Home/Upload",
                   DownloadUrl = "/Home/Download"
              }).Render()
    </div>
</div>

 

I have bootstrap class, im using fileManager, the view is filling all this on my layout. How do i align this div class at least on the center? See below my View design it does not look good, it hid behind instead be in front.