Recently, I attempted to use offset in my form rows and columns to center them using Bootstrap 4 documentation. Unfortunately, it didn't work as intended and now I'm stuck trying to figure out the problem. Despite looking for similar issues online, I couldn't find a solution that worked for me. Specifically, I tried implementing offset-5 in the first two input fields on this page: . Here's a snippet of the code causing me trouble:
<div class="contact text-center">
<div class="contact_container">
<div class="row">
<div class="col-xl-12">
<h2>Want To Work Together?</h2>
<p class="jorgeInfo">Tell me a little bit about yourself and your project. Then I will get in contact with you to schedule a time to chat. You can expect a reply within a day at most.</p>
</div>
</div><!--end row-->
<form>
<div class="form-row">
<div class="col-3 offset-5">
<input type="text" class="form-control" placeholder="First Name *">
</div><!--end col-->
<div class="col-3 offset-5">
<input type="text" class="form-control" placeholder="Last Name *">
</div><!--end col-->
</div><!--end row-->
<div class="form-row">
<div class="col-3">
<input type="text" class="form-control" placeholder="Phone Number">
</div><!--end col-->
<div class="col-3">
<input type="email" class="form-control" placeholder="Email *">
</div><!--end col-->
</div><!--end row-->
<div class="form-row">
<div class="col-3">
<input type="text" class="form-control" placeholder="What is 5+2? *">
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-5">
<textarea class="form-control" rows="5" placeholder="Tell me a little about your project. Budget details are also appreciated."></textarea>
</div><!--end col-->
</div><!--end row-->
<button type="submit" class="button">Submit</button>
</form><!--end form-->
<p>* Required</p>
</div><!--end contact_container-->
</div><!--end contact-->Thank you so much!