트위터 부트 스트랩 가로 가운데 정렬 컨테이너

Question

내 센터링 문제가 있습니다.

<div class="row centered-form center-block"> <div class="container col-md-10"> <ul class="nav nav-tabs" id="projectTabs"> <li role="presentation" class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li> <li role="presentation"><a href="#Tab2" data-toggle="tab">Tab2</a></li> </ul> </div> </div> 

메인 행

약 65 %의 폭 중심 있지만, 메인 행 탐색 탭 스틱을 포함 용기 왼쪽.

미리 감사드립니다.

Answer 1

col-md-offset-1 클래스를 사용하여 컨테이너를 가운데로 이동하십시오. 부트 스트랩은 12 열 레이아웃 시스템을 사용하므로 col-md-10은 너비가 container이고 가로가 10 열이되지만 왼쪽부터 시작합니다. 오프셋을 사용하여 요소를 표시된 양만큼 오른쪽으로 밀어 넣으십시오. 따라서 col-md-offset-1은 오른쪽으로 1 열 이동합니다.

<div class="row centered-form center-block"> 
    <div class="container col-md-10 col-md-offset-1"> 
     ... 
    </div> 
</div>