引導電網配置

Question

我不能找到正確的配置，以這個配置在引導3 ...

我有這個輸入欄，但我不能把圖像在那個位置

<div class="row"> 
    <div class="col-sm-4 col-md-4"> 
     <div class="input-group"> 
      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> 
      <input size="16" class="form-control" type="text" name="nombre" required placeholder="Tu nombre completo"> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-sm-4 col-md-4"> 
     <div class="input-group"> 
      <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span> 
      <input size="16" class="form-control" type="email" name="correo" required placeholder="Tu email"> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-sm-4 col-md-4"> 
     <div class="input-group-btn"> 
      <button type="button" class="btn btn-success" id="agregar"><span class="glyphicon glyphicon-plus"></span> Agregar usuario sugerido</button> 
      </div> 
     </div> 
    </div> 

Answer 1

試試這個：

<div class="row"> 
    <div class="col-sm-6"> 
     <div class="row"> 
     <div class="input-group-btn"> 
      <button type="button" class="btn btn-success" id="agregar"> 
      <span class="glyphicon glyphicon-plus"></span> Agregar usuario sugerido</button> 
     </div> 
     </div> 
     <div class="row"> 
     <div class="input-group-btn"> 
      <button type="button" class="btn btn-success" id="agregar"> 
      <span class="glyphicon glyphicon-plus"></span> Agregar usuario sugerido</button> 
     </div> 
     </div> 
    </div> 
    <div class="col-sm-6"> 
     Image here 
     </div> 
    </div> 
    </div> 
</div> 

你應該再看看網格文件。嵌套是一個堅實的選擇，此外，您不需要使用col-sm-6與col-md-6結合使用，只使用較小的值（如果值相同）。

Answer 2

你讓它有點太複雜，看我的codepen。當與Bootstrap一起工作時，想法大到小。它可以幫助你開發一個佈局，然後按照你的方式去做更小的事情。

希望這會有所幫助！ :)

http://codepen.io/sequential/pen/egxbbK

<div class="row"> 
    <div class="col-sm-6 tier1"> 
    <div class="smBox"></div> 
    <div class="smBox"></div> 
    </div> 
    <div class="col-sm-6 tier1"> 
    <div class="lgBox"></div> 
    </div> 
</div>