align button with input in bootstrap 3

Question

I need to align the button with the inputs fields.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<form>
   <div class="form-group col-lg-6">
      <label for="email">Nome:</label>
      <input type="email" class="form-control" id="email">
   </div>
   <div class="form-group col-lg-6">
      <label for="pwd">CNPJ:</label>
      <input type="password" class="form-control" id="pwd">
   </div>
   <div class="input-group-btn">
      <button type="submit" class="btn btn-default">Submit</button>    
   </div>
</form>

Any idea? Thanks.

Shady Alset · Accepted Answer · 2017-05-27 17:17:24Z

1

Just add the class col-lg-6 to button div:

<div class="input-group-btn col-lg-6">
    <button type="submit" class="btn btn-default">Submit</button>    
</div>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<form>
   <div class="form-group col-lg-6">
      <label for="email">Nome:</label>
      <input type="email" class="form-control" id="email">
   </div>
   <div class="form-group col-lg-6">
      <label for="pwd">CNPJ:</label>
      <input type="password" class="form-control" id="pwd">
   </div>
   <div class="input-group-btn col-lg-6">
      <button type="submit" class="btn btn-default">Submit</button>    
   </div>
</form>

answered May 27, 2017 at 17:17

Shady Alset

5,7044 gold badges24 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

align button with input in bootstrap 3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related