Topic: Cannot get input fields to take up width of entire row
Hi,
I've got an inline form that I'm trying to build with the single input field taking up the entire width other than the submit button. I cant get the field to expand. Can you assist?
Thanks.
<div class="row">
<div class="col-lg-6 wow fadeInRight">
<form class="form-inline">
<div class="row">
<div class="col-md-6">
<div class="md-form form-group">
<label for="inputlg">Email address</label>
<input class="form-control" id="inputlg" type="text">
</div>
</div>
<div class="col-md-6">
<div class="md-form form-group">
<button type="submit" class="btn btn-primary btn-lg">Sign up</button>
</div>
</div>
</div>
</form>
</div>
</div>
Add comment
Hello,
Please try this sample:
<form class="form-inline">
<div class="md-form form-group">
<input mdbActive type="email" class="form-control" id="form9" name="email">
<label class="active" for="form9">Type your e-mail</label>
</div>
<div class="md-form form-group">
<a class="btn btn-primary btn-lg waves-light">Login</a>
</div>
</form>
And set <div class="md-form form-group"> width: 80% or any that you want.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags