Bootstrap 3 левая колонка вниз опустить вниз контента, а не вверх. Как обойти правило bootstrap?

Question

[Александр Здоров]

Здравствуйте. Помогите незнающему:
при такой структуре:

<div class="container">
      <div class="left_bar col-md-3">
        [[$left-bar]]
      </div>
      <div class="content col-md-9">
      [[$crumbs]]
      <div class="page-header">
        <h1>[[*pagetitle]]</h1>
      </div>
      [[*content]]
      </div>
    </div>

left-bar закономерно становится выше контента. при этом его содержимое помимо меню должно содержать последние 3 новости и в итоге в мобильных устройствах контент уедет совсем вниз и юзвер не долистает до контента...
подскажите, как оставить меню слева и при этом во время изменения размера экрана оно опускалось ниже контента.
Помогите, выручайте профессионалы!!

Answer 1

[Pavel]

<div class="container">
    <div class="row">
        <div class="col-md-9 col-md-push-3" style="background: #666; padding: 10px;">CONTENT</div>
        <div class="col-md-3 col-md-pull-9" style="background: #999; padding: 10px;">LEFT BAR</div>
    </div>
</div>

Comments

[Александр Здоров]

итого left bar переместился направо, контент выехал за свои пределы...
вот что произошло selhozlider.marduh.top

[Pavel]

Александр Здоров: потому что Вы не правильно сделали! я же написал, первый блок - контент с классом "col-md-9 col-md-push-3", потом блок меню слева с классом "col-md-3 col-md-pull-9"

[Pavel]

Александр Здоров: поменяйте местами! сначала блок content, потом left-bar ))

[Александр Здоров]

Pavel: хм, действительно что-то не так делал, сейчас все работает, огромная вам благодарность и счастья по жизни!