ブートストラップフォームhow doe 1つのブートストラップカラムに2つのテキストボックスを使用

Question

ラベルの左側と右側のテキストボックスにブートストラップの水平フォームがあります。アドレスについては、アドレスとアドレスにテキストボックスを分割したいと思います。
Streett & nr。 ：

Answer 1

塔内別rowを作成します。次に、2つのcol-xs-12の列を追加すると、それらはお互いの上に積み重ねられます - 私はそれが何を得るかと思っています...

Answer 2

nesting columnsを使用することができます。たとえば、次のように必要な

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<div class="container"> 
 
    <form class="form-horizontal"> 
 
    <div class="form-group"> 
 
     <label for="inputName" class="col-sm-2 control-label">Name</label> 
 
     <div class="col-sm-10"> 
 
     <input type="text" class="form-control" id="inputName" placeholder="Name"> 
 
     </div> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="inputStreet" class="col-sm-2 control-label">Address</label> 
 
     <div class="col-sm-10"> 
 
     <div class="row"> 
 
      <div class="col-xs-10"> 
 
      <input type="text" class="form-control" id="inputStreet" placeholder="Street"> 
 
      </div> 
 
      <div class="col-xs-2"> 
 
      <input type="text" class="form-control" id="inputNumber" placeholder="Number"> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </form> 
 
</div>