Bootstrap выравнивание по горизонтали

Question

Как я могу иметь все выравнивать по горизонтали ниже код отображается, как показано на экране 1, но я стараюсь, чтобы, как показано на экране 2

<div class="row"> 
     <div class="col-xs-6"> 
      <div class="row"> 
       <div class="col-xs-3"> 
           <label for="inputEmail3" class="col-sm-4 control-label">Number</label> 
       </div> 
       <div class="col-xs-3"> 
          <input type="text" id="number"></input> 
       </div> 
       <div class="col-xs-3"> 

       </div> 

      </div> 
    </div> 
    <div class="col-xs-6"> 
      <div class="row"> 
       <div class="col-xs-3"> 
           <label for="inputEmail3" class="col-sm-4 control-label">Tag</label> 
       </div> 
       <div class="col-xs-3"> 
          <input type="text" id="Name"></input> 
       </div> 
       <div class="col-xs-3"> 
          <button class="btn btn-default" type="button">Go!</button> 
       </div> 

      </div> 
    </div> 

снимок экрана 1:

Снимок экрана 2:

Answer 1

Ваш HTML структура неверна; вы вставляете столбцы и строки, а затем столбцы внутри столбцов без причины. Docs

См. Пример.

(* Колонки XS как в вашем примере, который в данном случае не будет оказывать очень хорошо с мобильного экрана, рассмотреть возможность использования SM)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <form class="myForm"> 
 
     <div class="form-group"> 
 
     <label for="Number" class="col-xs-2 control-label">Number</label> 
 
     <div class="col-xs-4"> 
 
      <input type="text" class="form-control" id="Number" /> 
 
     </div> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="tag" class="col-xs-2 control-label">Tag</label> 
 
     <div class="col-xs-4"> 
 
      <div class="input-group"> 
 
      <input type="email" class="form-control" id="tag" /> <span class="input-group-btn"> 
 
     <button class="btn btn-default" type="button">Go!</button> 
 
     </span> 
 

 
      </div> 
 
     </div> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>