Cannot get input fields to take up width of entire row

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Cannot get input fields to take up width of entire row

rlkessler pro asked 7 years ago

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>

Edyta Dabrowska answered 7 years ago

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.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
rlkessler
Pro User
10Support score
2Questions 2Answers
0Snippets likes 0Snippets