I have implemented Bootstrap on my website. Check it out at: hubb.tekkkz.com I am facing an issue where, when clicking on the login/register button on the right, the modal pops up. However, the user input elements within the modal are not taking up the full width of the parent container. This results in less spacing on the left side compared to the right.
How can I make sure that the elements span the entire width of the container/parent?
<div class="modal fade bs-example-modal-sm" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><span class="glyphicon glyphicon-remove"></span></span></button>
<h4 class="modal-title" id="exampleModalLabel">Login</h4>
</div>
<div class="modal-body">
<form action="" method="post">
<p><input type="text" class="form-control" placeholder="Username" name="username" value=""></p>
<p><input type="password" class="form-control" placeholder="Password" name="password" value=""></p>
<p><input class="btn btn-primary form-control" type="submit" value="Login"></p>
</form>
</div>
</div>
</div>