Hello, I'm experiencing a strange issue with creating a form inside a container where the padding is not displaying.
https://i.sstatic.net/v2AJI.png
This is the HTML code:
<div class="container-fluid">
<tabset tab-theme="orange" tab-position="top" style="border:none!important;">
<tab heading="Person">
<form class="form-horizontal">
<div class="row">
<!-- Text input-->
<div class="col-md-4">
<div class="form-group">
<label class="control-label" for="first_name">First Name</label>
<input id="first_name" name="first_name" placeholder="Type here.." class="form-control" required="" type="text">
</div>
</div>
<!-- Text input-->
<div class="col-md-4">
<div class="form-group">
<label class="control-label" for="last_name">Last Name</label>
<input id="last_name" name="last_name" placeholder="Type here.." class="form-control" required="" type="text">
</div>
</div>
<!-- Text input-->
<div class="col-md-4">
<div class="form-group">
<label class="control-label" for="other_name">Other Name</label>
<input id="other_name" name="other_name" placeholder="Type here.." class="form-control" type="text">
</div>
</div>
</div>
</form>
</tab>
<tab heading="Company">
<div class="col-xs-12">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores porro eveniet debitis quas sed harum nobis libero voluptatibus dolorum odio at veniam aut id corrupti hic esse quisquam fugiat. Asperiores in eveniet sapiente error fuga tenetur ex ea dignissimos voluptas ab molestiae eos totam quo dolorem maxime illo neque quia itaque.</p>
</div>
</tab>
</tabset>
</div> <-- container-fluid -->
Typically, there is default padding for each form input container, but in this case it's missing. I'm uncertain if this is an HTML or CSS issue. Is there a specific way to address this or do I need to manually add padding through my CSS?