부트 스트랩의 가운데 사이드 바 콘텐츠

사이드 바를 중앙 처리해야합니다. 여기 내 레이아웃 (작동하지 않는)입니다 :부트 스트랩의 가운데 사이드 바 콘텐츠

<body> 
    <div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span9"> 
     ... 
     </div> 
    <div class="span3"> 
    //sidebar 
     <div class="row-fluid"> 
     <div class="span12 center-block"> 
      //content which should be centered 
     </div> 
     </div> 
    </div> 
    </div> 
</body>

센터 블록 코드 내가 here을 촬영 한 : margin: 0 auto;에 대한

.center-block { 
margin:0 auto; 
float:none; 
}

출처

2012-07-05 SiberianGuy

는 또한 div에 width 설정해야 작동 할 수 있습니다.

출처

2012-07-05 10:03:19 Rhyso

시도했지만 작동하지 않았다. – SiberianGuy

콘텐츠를 가운데에 맞추려면 다음을 시도하십시오.

.center-block { 
    text-align: center; 
}

출처

2012-07-05 10:04:16 Daniel

그러나 텍스트를 가운데에 놓고 싶지는 않습니다. 블록 자체를 가운데에 배치하고 싶습니다. – SiberianGuy

모든 상위 div의 너비를 설정하십시오. – Daniel

또한 센터에 span3의 텍스트 정렬 속성을 설정할 수 있습니다.

div.span3 
{ 
    text-align:center; 
}

희망이 그것을 내부가 아닌 함유량 center-block 사업부를 중심으로하는 코드 위에 사용하여 질문 :

출처

2012-07-05 10:05:55

.center-block { 
    margin:0 auto; 
    float:none; 
}

을 응답 할 것이다, 당신의 내용을 정렬하는 데 당신은 .center-block 클래스 text-align:center를 추가해야 이런 식으로 :

출처

2012-07-05 10:11:57

콘텐츠를 가운데에 배치하고 싶지 않습니다. 콘텐츠 블록을 가운데에 배치하고 싶습니다. – SiberianGuy

''행 - 유체 '또는'span3' 또는 CSS의 'container-fluid'에'width '정의가 있습니까? –

예, 실제로 span3은 너비를 정의합니다 – SiberianGuy

부트 스트랩의 가운데 사이드 바 콘텐츠

답변

관련 문제