Как центр 3 ящика в Bootstrap

У меня есть три коробки, и мне нужно их централизовать, но я просто не знаю, что делать.Как центр 3 ящика в Bootstrap

ФОТО -> ->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

Оберните их в div с помощью .container класса.

Пример:

<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

не работает .... –

Это действительно работает. Bootstrap - это жидкостная сетка, поэтому вы не можете иметь ширину: 250 пикселей на вашем .box.col-X-X, и у вас тоже не может быть поля. Пиксели не используются, если это вообще возможно, особенно в классах столбцов. Для этого создайте пользовательский ряд различных элементов. – Christina

Bootstrap имеет текстовый центр класса, который можно применить к вашим дивы.

источник

2014-10-30 22:43:19 aahoogendoorn

Как центр 3 ящика в Bootstrap

ответ

Смежные вопросы