트위터 부트스트랩에 3: 어떻게 중심 블록

나한테 '클래스' 에서 센터 블록 것 같다고 누락되었는지 부트스트랩이 3 스타일 시트. 내가 무언가 빠진?

도우미 클래스뿐만 센터 사용 방법은 설명됨 임무야, http://getbootstrap.com/css/

프로그래밍
twitter-bootstrap-3
3일 11월 2013 в 10:27
17 파운드
질문에 대한 의견 (1)
해결책

39 의 새로운 it& 부트스트랩이 3.0.1 릴리스에는 최신값 (10/29) 도왔으매 있어야 합니다.

데모: http://bootply.com/91632

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;


<div class="row">
    <div class="center-block" style="width:200px;background-color:#ccc;">...</div>
</div>

끝 - &lt 스니핏 >;!

That1Guy
편집된 답변2일 12월 2016 в 9:30
해설 (0)

작동하잖아) 보다 훨씬 this way (보존 응답성의):


  <div class="row">
    <div class="center-block col-md-4" style="float: none; background-color: grey">
      Hi there!
    </div>
  </div>

http://www.bootply.com/0L5rBI2taZ

forker
편집된 답변10일 9월 2014 в 9:42
해설 (3)

Style = &quot, width:value&quot 사용해야 합니다. 블록 클래스용 함께 센터

해설 (0)

티리티스트리스 의 센터 블록 부트스트랩에 3.0 인치 12 라인 찾아볼 수 있다. 2 와 [미신스트리스] 에서 39 호선

해설 (0)

'클래스', '스타일 = &quot 너버 400px .center-block 함께 사용할 수 있습니다, 최대 폭: 100%, &quot,' 을 보존할지 응답성의.

'클래스' 와 '.center-block .col-md- 사용하여 부동 소수점' '에' .col-md- '때문에' 작동하지 않습니다.

해설 (0)

여기에 대답을 몇 불완전한 것으로 보인다. 다음은 몇 가지 변경:


.box {
    height: 200px;
    width: 200px;
    border: 4px solid gray;
}



<div class="container">
        <div class="row">
            <div class="center-block bg-primary box">This div is centered with .center-block</div>
        </div>
    </div>


<div class="container">
        <div class="row">
            <div class="center-block bg-primary box col-xs-4">This div is centered with .center-block</div>
        </div>
    </div>


<div class="container">
        <div class="row">
            <div class="col-xs-6 bg-info">
                <div class="center-block bg-primary box">This div is centered with .center-block</div>
            </div>
        </div>
    </div>

이를 위해 col- 작동합니까 클래스뿐만 .col- 내에 있지만, 반드시 필요한 .center-block 잡기, 다른 클래스를 설정할 수 있는 클래스 추가하거나 너비입니다 (이상자 이 경우), 또는 그 자체가 변경하십시오 .center-block 제공하여 너비입니다.

부테플리 에서 체크아웃합니다.

해설 (0)

안 좋은 생각 때문에 화면의 한 부분을 닫히지만 센터 블록 '는' 를 클릭하십시오 또는 곷떒 필드용 수 없습니다. '열 md 오프셋된 -?)' 가 더 나은 선택입니다.

'클래스' 는 'sm 6 열 md 오프셋된 3 열 사용할 경우' 가 더 나은 선택입니다. 그냥 변경하십시오 너회의 블록 번호를 센터.

해설 (0)