부트 스트랩의 센터 3 상자의 길이

세 개의 상자가 있습니다. 중앙 집중식으로 처리해야하지만, 어떻게해야할지 모릅니다.부트 스트랩의 센터 3 상자의 길이

PHOTO -> ->http://i.imgur.com/mc99Oxo.png

HTML :

<div class="row"> 
     <div class="col-md-4 box">OPEN BAR + DRINKING GAMES</div> 
     <div class="col-md-4 box">CONHECER VÁRIOS BARES E BALADAS EM UMA DAS MAIORES CIDADES DO MUNDO</div> 
     <div class="col-md-4 box">CONHECER PESSOAS</div> 
</div>

CSS : 이미 설치 마진 시도

#about .box { 
     background-color: transparent; 
     border: 1px solid white; 
     width: 250px; 
     height: 350px; 
     margin-top: 50px; 
     margin-bottom: 50px; 
     margin-right: 140px; 
}

: 0 자동; 행 클래스에 있지만 전혀 작동하지 않습니다.

출처

2014-10-30 Anonymous

"집중"대신 "중심"을 의미합니까? – cvrebert

.container 클래스로 div로 묶습니다.

예 :

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4 box">OPEN BAR + DRINKING GAMES</div> 
     <div class="col-md-4 box">CONHECER VÁRIOS BARES E BALADAS EM UMA DAS MAIORES CIDADES DO MUNDO</div> 
     <div class="col-md-4 box">CONHECER PESSOAS</div> 
    </div> 
</div>

출처

2014-10-30 21:42:08

+1 항상 문서를 읽는 것이 좋습니다! – Christina

작동하지 않습니다 ... –

이것은 작동합니다. 부트 스트랩은 유체 그리드 시스템이므로 .box.col-X-X에서 너비 : 250px를 가질 수 없으며 여백도 그 위에 둘 수 없습니다. 가능한 경우 픽셀, 특히 열 클래스에서 픽셀을 사용하지 않습니다. 이 작업을 수행 할 다른 요소의 사용자 정의 행을 만드십시오. – Christina

부트 스트랩은 당신이 당신의 div에 적용 할 수있는 텍스트 중심의 수업이 있습니다.

출처

2014-10-30 22:43:19 aahoogendoorn

부트 스트랩의 센터 3 상자의 길이

답변

관련 문제