Как использовать очистку Bootstrap для очистки поплавков?

У меня есть тема WordPress на моей странице single.php. Ниже следует HTML код:Как использовать очистку Bootstrap для очистки поплавков?

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

     <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12"> 
      <div id="single-post"> 
       single post content 
      </div> 
     </div> 

     <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> 
      <div id="sidebar-area"> 
       sidebar area 
      </div> 
     </div> 

    </div> 
</div>

код CSS:

#single-post, 
#sidebar-area { 
    margin:10px auto; 
    background: #fff; 
    border: 1px solid #d7d7d7; 
    padding: 15px; 
}

Презентация Изображение

enter image description here

Когда моя холостая рост пост содержание меньше, чем площадь боковой бар, некоторые из виджеты боковой панели идут под единым контентом. Как я могу показать все виджеты боковой панели в области боковой панели, если боковая панель выше одного содержания, используя Bootstrap clearfix?

источник

2014-11-06 Shwan Namiq

Использование начальной загрузки сетки, чтобы сделать 8 (любой контент слева) и 4 (боковая панель) collums дивы и все, что вы положили в 4 Col DIV будет здесь, и не имеет значения, как долго будет вашей боковой панели. Возможно, я просто не понял тебя, вопрос - извините, но почему вы хотите использовать clearfix? – Northys

простой пример, который должен вам помочь - если я понял вас http://www.bootply.com/teLpSeImf6 – Northys

Спасибо за ответ, но моя проблема решена. Я использовал эту сетку ниже в моем виджете боковой панели, потому что он повторяется с каждым виджетами, и я удалил код и вставил в файл sidebar.php, и моя проблема решена, и все виджеты показаны в области боковой панели

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> 
</div>

источник

2014-11-07 10:07:58

Как использовать очистку Bootstrap для очистки поплавков?

ответ

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