Помощь Wordpress CSS с колонкой col-md-8 и padding

Question

К сожалению, я не смогу описать свою проблему без посещения моего сайта. DadGab.com.

У меня есть «признанный слайдер» col-md-8 с боковой панелью справа. Похоже, что где-то есть какая-то прокладка или интервал, и я не могу ее найти. Я проверил все файлы темы, style.php. Все, что я пытаюсь сделать, это переместить боковую панель с правой стороны в начало страницы. Пустое пространство использовалось как контейнер col-md-4, который с тех пор был удален.

Если я удаляю признак слайдера с главной страницы, «последние» сообщения, а также меню перемещаются в верхнюю часть экрана без проблемы заполнения.

Любая помощь была бы принята с благодарностью.

Answer 1

Ваш текущий сценарий следующий

<div class="col-md-8"> 
    featured slider 
</div> 

<div class="col-md-8"> 
    content 
</div> 

<div class="col-md-4"> 
    sidebar 
</div> 

Измените его на следующий

<div class="col-md-8"> 
    featured slider 
    content 
</div> 

<div class="col-md-4"> 
    sidebar 
</div> 

Пожалуйста, дайте мне знать, если проблема все еще существует :)

Answer 2

вы иметь следующую структуру

<div class="col-md-8"></div> 
<div class="clear"></div> 
<div class="col-md-8"></div> 
<div class="col-md-4"></div> 

если я вас понимаю corectly вы должны иметь

<div class="col-md-8"></div> 
<div class="col-md-4"></div> 

так присоединиться код с обеих .col-MD-8 контейнеров, удалить DIV с классом «ясно», и все должно быть в порядке. Все это делается в шаблоне homepage.php

Answer 3

У вас есть некоторые проблемы в вашей логике компоновки. Вам нужно подумать о том, как работают столбцы и строки.

Вы должны иметь левую колонку() и колонку боковой панели (col-md-4), и они должны быть смежными. Левый столбец должен содержать ВСЕ содержимое слева.

Вот что у вас есть:

<div class="row"> 
    <div class="col-md-8"> 
    <!-- featured --> 
    </div> 

    <div class="clear"><!-- SEPARATION --></div> 

    <div class="col-md-8"> 
    <!-- REAST OF LEFT COLUMN --> 
    </div> 
    <div class="col-md-4"> 
    <!-- 
     SIDEBAR 
     You want this next to the left column. 
     But it's not adjacent! 
    --> 
    </div> 
</div> 

Вот что вы хотите

<div class="row"> 
    <div class="col-md-8"> 
    <!-- FEATURED --> 
    <!-- REST OF LEFT COLUMN --> 
    </div> 
    <div class="col-md-4"> 
    <!-- RIGHT SIDEBAR --> 
    </div> 
</div> 

Answer 4

После вашего DIV "Col-мкр-8" приходит в clearfix. Просто создайте «col-md-4» после «col-md-8». Я уже тестировал здесь, просто сделай это.

Answer 5

Внутри тегов

<div class="container"><div class="row"> 

изменить порядок, от:

<div class="col-md-8"> ... </div> 
<div class="clear"></div> 
<div class="col-md-8"> ... </div> 
<div class="col-md-4"> ... </div> 

к:

<div class="col-md-8"> ... </div> 
<div class="col-md-4"> ... </div> 
<div class="clear"></div> 
<div class="col-md-8"> ... </div> 

Кроме того, подумайте, если вы действительно хотите сохранить DIV, который очищает

<div class="clear"></div> 

Если нет, комментировать его, например, так:

<!-- <div class="clear"></div> --> 

Это действительно перемещается вверх боковую панель в нужное положение. Тем не менее, я подозреваю, что вы захотите, чтобы последний div (класса col-md-8) был размещен выше. Если это так, звучит так, как будто вам нужно создать два столбца внутри строки (div из строки класса).