I am making a simple login with bootstrap and I am having a problem dealing with this, here is my code:
<div >
<div style="padding-top:150px;">
<div >
<div >
<div >
<div >
<div >
<div >
<div >
<h4 >Login</h4>
</div>
<form >
<div >
<input type="email" id="exampleInputEmail" aria-describedby="emailHelp" placeholder="Username" name="email">
</div>
<div >
<input type="password" id="exampleInputPassword" placeholder="Password" name="password">
</div>
<button type="submit">Login</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Can somebody help? Thank you so much!
CodePudding user response:
You have used 'col-lg-6'. On large screen it contains only half width of the row. If you remove this class There won't be any extra space. You can read more about grid system