2017-05-27 4 views
0

buttonを入力フィールドに合わせる必要があります。ボタンをブートストラップの入力に合わせる3

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

任意のアイデア?ありがとう。

答えて

1

ジャストボタンのdivにクラスcol-lg-6を追加します。

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

関連する問題