对齐按钮与自举中的输入3

Question

我需要将button与输入字段对齐。

<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>

任何想法？谢谢。

Answer 1

只是类col-lg-6添加到按钮的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>