Bootstrap3을 사용하여 컨테이너에 요소를 배포하십시오.

Question

내 사이트를 Bootstrap3으로 다시 쓰고 많은 사람에게 피해를주는 오류가 발생했습니다. 기본적으로 990px ​​컨테이너 안에 4 ~ 220px의 요소를 고르게 분배하려고합니다. 이전 부트 스트랩에서는 여백이 자동으로 추가되었습니다. 하지만 지금은 패딩 방식으로는 더 이상 그런 것이 없습니다. 이 문제를 해결하는 방법에 대한 도움말?

<div class="container"> 
    <div class="row"> 
    <section class="col-md-12"> 
     <article class="col-md-3">content</article> 
     <article class="col-md-3">content2</article> 
     <article class="col-md-3">content3</article> 
     <article class="col-md-3">content4</article> 
    </section> 
    </div> 
</div> 

그리고 바이올린 링크 :

http://jsfiddle.net/QJyCe/

Answer 1

내가 컨테이너로 "col-"DIV를 사용하고 내부 콘텐츠 HTML을 배치이 문제를 해결하려면 다음

은 샘플 코드입니다 :

<div class="row"> 
    <div class="col-md-3"> 
     <article> 
      article1 
     </article> 
    </div> 
    <div class="col-md-3"> 
     <article> 
      article2 
     </article>   
    </div> 
    <div class="col-md-3"> 
     <article> 
      article3 
     </article>   
    </div> 
    <div class="col-md-3"> 
     <article> 
      article4 
     </article>   
    </div>  
</div> 

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); 
article { height:100px; padding:20px; border: 1px solid black; } 

http://jsfiddle.net/25BHu/1/