2014-06-11 3 views
0

현재 부트 스트랩을 시험 중입니다. 1 행에는 3 열 그리드가 표시되지만 항상 1 열 및 1 행으로 표시됩니다. 무엇이 잘못 되었나요? ? 크롬을 사용하고 있습니다.부트 스트랩 1 열로 표시되는 1 행의 3 열 그리드

코드 :
http://www.bootply.com/RZTdToz6bf

+0

3 개의 모든 요소에서 클래스 이름 "span4"를 "col-lg-4"로 변경하십시오. – user3263978

+0

@ user3263978 왜 "span4"를 클래스 이름으로 사용했는지 알고 있습니까? – pandakette

+0

부트 스트랩 3.0부터 spanX 사용이 중단되었습니다. – user3263978

답변

1

부트 스트랩부터 사용되지 않습니다 사용하는 것과 부트 스트랩 3을 사용하는 경우 새로운 열 클래스를 사용해야합니다.

<div class="row"> 
    <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div> 
    <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div> 
    <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div> 
</div> 

-md-, -lg- 등을 사용하여 다양한 뷰포트 너비에 적용합니다.

관련 문제