2014-12-07 3 views
-2

그리드를 작동시키는 데 문제가 있습니다. 여러 개의 튜토리얼과 포럼을 따라 왔지만 아무 것도 작동하지 않습니다. 내 편집기에 숭고한 텍스트를 사용하고 모든 CDN 태그를 복사하고 div = "컨테이너"에있는 모든 것을 래핑합니다.부트 스트랩 3 그리드를 사용하는 방법

미리보기를 할 때마다 텍스트가 맨 왼쪽에 나타납니다. 여기

+1

에 대한

<div class="container"> <div class="row row-centered"> <div class="col-xs-12 col-centered"> Hello World! </div> </div> <div class="row row-centered "> <div class="col-*-*"></div> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row row-centered"> </div> </div> /* centered columns styles */ .row-centered { text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */ margin-right:-4px; } 

읽기 this는 CodePen 또는 JSFiddle에 그것을 밖으로 시도하고 그것은 여전히 ​​작동하지 않는 경우, 링크를 게시 할 수 있습니다. 또한 브라우저 개발자 도구 콘솔에서 오류가 있는지 확인하십시오. 크롬에서는 "검사 요소"를 사용합니다. –

+1

또한 [Bootlint] (https://github.com/twbs/bootlint#in-the-browser) – cvrebert

+0

에 대해 확인해보십시오. 내가 원하는 방식으로 응답 할 수 없지만 누구에게나 'codepen'을 저장했습니다. 나가 어딘가에 실수한지보기 위하여 넘어서 가기 위하여. http://codepen.io/anon/pen/JoGWgJ @MartinMalinda –

답변

0

pen

일부 클래스와 CSS를 추가합니다. 자세한 내용