Центр Содержание Twitter Bootstrap

Question

Я почти закончил свой сайт здесь: http://www.divisionforty.com/wall/ и я пришел к финальной части слева, чтобы получить это содержание до центра http://www.divisionforty.com/wall/artists/cali-balles/

Вот код:

<?php get_header(); ?> 
<div class="row"> 
       <div class="span4"> 

        <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> 
        <p> 
<?php 

    if (have_posts()) : 
    while (have_posts()) : 
    the_post(); 
    ?> 
    <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> 
      <?php the_content(); ?> 
    </div> 
    <?php 
    endwhile; 
    endif; 
    ?>  </p> 
     </div> 
        <div class="span8" id="thumbnails"> 
         <?php postimage($size=thumbnail, $qty=-1) ?> 
        </div> 
</div> 
<?php get_footer(); ?> 

На этой странице нет никакого стиля, чтобы его базовый бутстрап.

Надежда кто-то может помочь,

Денвер

Чтобы уточнить это то, что я хотел бы в центре:

Answer 1

Попробуйте

1. Взлет max-width:1280px с вашего #wrap div

2. на вашем .row ДИВ установит ширину в max-width:1200 и марже margin:0 auto

3. Можно также добавить text-align: center; своего .row DIV, чтобы ваш текст по центру.

Это должно держать ваш контент в центре, поскольку страница становится меньше. (не совсем уверен в том, что вы искали. Это позволит убедиться, что ваш заголовок проходит весь путь по странице, центрируя содержимое под ним.)

Answer 2

Создайте новый класс контейнера.

<div class="container_2"> 
    <div class="row"> 
    <div class="span4"> 
     ... 
    </div> 
    </div> 
</div> 

В вашем CSS, добавьте этот

.container_2 { 
    width: 1200px; //you can change this. 
    max-width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
} 

}