2017-02-14 3 views
0

그리드 설정 ... 부트 스트랩 내가 부트 스트랩 3에서이 설정에 대한 올바른 설정을 찾을 수 없습니다

Bootstrap 3 grid config

내가이 입력 필드가하지만 난 그 위치에 이미지를 넣어 캔트

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

답변

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을 함께 사용할 필요가 없습니다. 값이 동일하면 더 작은 것을 사용하십시오.

+0

감사 – lpz

1

너는 너무 복잡해 보이고있다. 내 codepen을 보라. 부트 스트랩으로 작업 할 때는 크게 생각하십시오. 레이아웃을 개발 한 다음 작은 것들로 나아가는 데 도움이됩니다.

희망이 도움이됩니다. :)

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

에 대한 감사를 작동 문제 없습니다 Ipz! – lpz

+0

... 나를 위해 너무 작동 나를 – Sequential