간격이

Question

내가 12 열을 포함하는 그리드 레이아웃을 수행하고, 사용자 정의 CSS를

내 부분없이 열 사이의 간격을 제공 할 수있는 방법이 내가 일부를 원하는이

<div class="container"> 
<div class="row"> 

<div class="col-xs-3"> 
some content 
</div> 

<div class="col-xs-3"> 
some content 
</div> 
<div class="col-xs-3"> 
some content 
</div> 
<div class="col-xs-3"> 
some content 
</div> 

</div> 

</div> 

같은입니다 각 열 사이의 틈새가 어떤 오프셋도없이 있습니까?

Answer 1

부트 스트랩을 사용하면 격차 만들 수 border에 대한 몇 가지 값을 사용하는 경우 열이 더 나은을 설정 box-sizing:border-box 및 float을 사용하기 때문에 :

.col-xs-3 { 
    border:2px solid #fff; /*Color of the Background*/ 
} 

확인 Demo