Как отцентрировать окно внутри страницы

У меня есть сор страница сайта: http://www.agapegreekradio.com/on-air-personalities/Как отцентрировать окно внутри страницы

И его не сконцентрируется на экране.

Я следующие коды:

<div class="section_inner"> 
     <div class="container"> 

     <div class="row"> 
      <?php 
      while (have_posts()) : the_post(); 
      $id= get_the_ID(); 

      ?> 
      <div class="inner_body"> 
      <div class="col-xs-10 col-sm-10 col-md-4 col-lg-10 border-pr"> 
     <h2><?php the_title(); ?></h2> 
       <div class="inner_page_text"> 
       <!-- <h2><?php the_title(); ?></h2>--> 
       <p><?php the_content(); ?></p> 
       </div> 
      </div> 
      <!--<div class="col-xs-10 col-sm-10 col-md-8 col-lg-8"> 
       <div class="inner_right_text"> 
       <h4><?php echo get_the_title(); ?></h4> 
       <p><?php the_content(); ?> 
       </p> 
       </div> 
      </div>--> 
      </div> 

     </div> 
    <?php endwhile; ?> 
    </div> 
    </div> 
    <?php include_once('footer.php'); ?>

как можно отцентрировать окно на экране?

источник

2016-04-15 Rodel Garcia

Какого ящик, который вы хотите центр? – ketan

контейнер контейнер. Внутренняя коробка. –

для css редактирует checkout мой ответ –

Может быть, вы можете добавить этот класс

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 border-pr">

после этого Div

<div class="inner_body">

источник

2016-04-15 07:11:05 Jainam

hoiw может ли я центрировать текст заголовка? http://www.agapegreekradio.com/on-air-personalities/ –

вы можете добавить enpty контейнеры с одной сеткой спереди и сзади так, что она будет в центре

<div class="col-xs-1 col-sm-1 col-lg-1"></div> 
<div class="col-xs-10 col-sm-10 col-md-4 col-lg-10 border-pr"></div> 
<div class="col-xs-1 col-sm-1 col-lg-1"></div>

источник

2016-04-15 07:11:31

Удалить margin из css и добавить col-md-offset-1Bootstrap offset class в htm л.

Пример формы

<div class="col-xs-10 border-pr col col-xs-offset-1"> 
    <h2><?php the_title(); ?></h2> 
    <div class="inner_page_text"> 
     <!-- <h2><?php the_title(); ?></h2>--> 
     <p><?php the_content(); ?></p> 
    </div> 
</div>

источник

2016-04-15 07:14:15

hoiw может ли я центрировать текст заголовка? http://www.agapegreekradio.com/on-air-personalities/ –

@RodelGarcia удалить float: слева от .section_inner h2 от строки no 228 –

Давайте попробуем это в таблице стилей

margin: 0 auto; 
    display : block; 
    float: none;

источник

2016-04-15 07:18:00

margin auto не будет работать с классом grid, потому что он имеет свойство float –

Я думаю (дисплей : block;) будет решением такого рода проблем. –

Элемент div по умолчанию не отображается: блок; не нужно добавлять –

добавить этот CSS:

margin-left: auto; 
margin-right: auto; 
float: none;

к этому HTML, может граничить пр класса или добавить новый класс к нему:

<div style="margin-left: auto; margin-right: auto; float: none;" class="col-xs-10 col-sm-10 col-md-4 col-lg-10 border-pr">

И более CSS:

.inner_body{ 
width: 100%; 
height: auto; 
overflow: auto; 
}

источник

2016-04-15 07:20:24

У меня был чек на свой веб-сайт. Проблема заключается в том, что правило CSS по умолчанию для div

<div class="col-xs-10 col-sm-10 col-md-4 col-lg-10 border-pr"> - это плавать влево.

Так что я просто пошел вперед и добавил этот атрибут стиля inline к нему style="float:none;", и он центрировал div.

Так ваш DIV должен выглядеть следующим образом

<div class="col-xs-10 col-sm-10 col-md-4 col-lg-10 border-pr" style="float:none;"> Или вы даже можете добавить некоторый класс с тем же правилом в нем, или добавить правило в существующем вызова, как бы вы предпочитаете.

Вот скриншот результата.

источник

2016-04-15 07:20:54

И если вы хотите быть действительно правдой, добавьте 'float: none' в ваш style.css вместо встроенного (встроенный стиль - это зло) – giorgio

hoiw может ли я центрировать текст заголовка? http://www.agapegreekradio.com/on-air-personalities/ –

Просто добавьте 'width: 100%' в тег 'h2'. вот результат этого: http://imgur.com/pnTO9ZB @RodelGarcia –

после внутрипартийных тел используют следующие

<div class="inner-body"> 
<div class="col-lg-12 col-xs-12 col-md-12 col-sm-12 border-pr" align="center">

источник

2016-04-15 07:24:53

Как отцентрировать окно внутри страницы

ответ

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