정확한 센터 트위터 부트 스트랩

Question

내가 너무 잘하면 그냥 멍청이 조금 후에 여기 명백한 누락하고 있지 않다, 여전히 유체 디자인에 비교적 새로운 오전 ...

어떻게 할 container-fluid Twitter Bootstrap 레이아웃에서 512x512 div 요소를 수평 중심에 놓습니다. (위에 화면 크기에 맞게 유체 요소가 있습니다.)

Answer 1

센터링 된 요소를 래핑하기 위해 fluid-row 컨테이너를 만듭니다. 이것은 당신의 어딘가에 갈 것입니다. container-fluid div에 자동 좌우 여백과 512px의 고정 너비를 적용하십시오.

HTML :

<div class="row-fluid"> 
    <div class="span12"> 
     <div class="centered512px"> 
     <h2>512 px Centered DIV</h2> 
     <p>Donec id elit non mi porta gravida at eget metus.</p> 
     </div> 
    </div> 
    </div> 

CSS :

.centered512px { 
    width: 512px; 
    margin: 10px auto; 
    background-color: red; 
}