Пытаюсь сделать сайдбар, который трансформируется в mobile и tablet view, т.е. меньше md. По идее сайдбар должен разделиться и верхняя часть(блок) должен находиться выше mainbar'a, а нижний соответственно ниже mainbara,a. Нужен bootstrap ветеран :).

<div class="container-fluid content-container">
    <div class="content row">
        <div class="mainbar col-md-8">

        </div>
        <div class="sidebar col-md-4">
            <div class="sidebar-content row">
                <div class="recent-articles col-md-12"></div>
                <div class="tags col-md-12"></div>
            </div>


        </div>
    </div>
</div>

http://www.bootply.com/ajBZTMWo6m#

Черт, не нашел кнопку "редактировать". Совсем забыл, я же ведь хотел следовать идеологии mobile first, получается тогда что финальный код должен быть похож на приведенный выше.