I have been trying to integrate my bootstrap template into my Laravel project, but I am facing an issue with the input width. The input field in my column is not taking up the full width as intended. The only difference I can see is the form structure in my Laravel project. How can I resolve this problem?
https://i.sstatic.net/ZOFbx.png
Here is my working Bootstrap HTML:
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="input-group">
<input class="form-control" type="text" placeholder="Search for...">
<span class="input-group-btn">
<input class="btn btn-secondary" type="submit" value="Short Url">
</span>
</div>
</div>
<div class="col-lg-2"></div>
</div>
https://i.sstatic.net/2FhAr.png
And here is how my template looks in Laravel (where the input field doesn't have full width):
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="input-group">
<form class="navbar-form" accept-charset="UTF-8" action="http://localhost:8000" method="POST">
<input type="hidden" value="C5RbH20lMX79fI8TuI4SkVKu6QPQEyw2QgSDGOQc" name="_token">
<input class="form-control" type="text" value="Enter your address" name="url">
<span class="input-group-btn">
</form>
</div>
</div>
<div class="col-lg-2"></div>
</div>