2015-01-16 4 views
0

아래의 표는 부트 스트랩 웹 사이트에서 웹 사이트에 표시되는 것이지만 코드를 사용하면 중간에 세로선이 표시되지 않습니다.부트 스트랩에서 그리드의 수직선을 만드는 방법은 무엇입니까?

나는 이것과 관련된 몇 가지 대답을 찾았지만 부트 스트랩의 마지막 버전에서 나온 것이므로 다시 묻습니다.

<div class="row"> 
<div class="col-xs-6">.col-xs-6</div> 
<div class="col-xs-6">.col-xs-6</div> 
</div> 

Bootstrap grid

+0

아래 단 테두리가있는 모든 주변 경계와 하나에 CodePen입니다 : 모든에 1 픽셀의 고체 #의 ddd' 'col - * '클래스들. 하지만 정확히 무엇을 성취하려고합니까? – ckuijjer

답변

4

그들은 국경을 추가하여이 일을하는, 당신이 할 수있는 방법 몇 가지 옵션이 있습니다. 스타일 시트에서

<div class="row"> 
    <div class="col-xs-6 bordered">.col-xs-6</div> 
    <div class="col-xs-6 bordered">.col-xs-6</div> 
</div> 

:

.bordered { 
    border: 1px solid #cccccc; 
} 

당신은 당신이 좋아하는 방법을 얻을 수있는 경계 (국경 오른쪽, 국경에서 왼쪽, 등) 주변에 계획 할 수 있습니다. 여기

는`국경을 추가하여 이런 짓을 그들은 부트 스트랩의 문서에서 중간

CodePen

+0

두 번째 div를 고쳐야합니다. – MattD

+0

알겠습니다. 고마워요. –

관련 문제