Here is some code with Bootstrap 4 classes that I am working with:
<div class="container">
<div class="row">
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget">
<h3 class="footer_title">
Enter your number
</h3>
<form asp-action="Search" method="get" class="newsletter_form">
<input type="text" name="number" placeholder="Enter your number" style="height: 50px;
background: #fff;
padding-left: 20px;
font-size: 15px;
color: #000;
border: 1px solid #596672;
border-radius: 30px;
width: 100%;">
<button type="submit" style="
position: absolute;
height: 40px;
border: none;
color: #fff;
background: #2EBDBE;
padding: 0 22px;
cursor: pointer;
border-radius: 30px;
top: 5px;
right: 5px;
font-size: 13px;
font-weight: 500;">
Submit
</button>
</form>
<p class="newsletter_text">
Enter your number/name and click on submit ....
</p>
</div>
</div>
</div>
</div>
I currently have the content aligned to the left, but I need it centered. How can I achieve this alignment using Bootstrap?