Боковое меню при расширение экрана менее чем 768px?

Question

[Вадим Дунькин]

Всем привет, вообщем у меня такая проблема, есть шаблон сверстанный на bootstrap3, как мне сделать так, что когда ширина экрана равняется 768px или меньше, появлялась кнопка бокового меню?, вот код для экранов более чем 768px

<aside class="col-md-3 col-sm-3">
    <div class="row">
        <div class="col-md-12">
            <h2>Filter</h2>
        </div>

        <?php echo $this->Element('sidebar'); ?>
    </div>

</aside>

<main class="col-md-9 col-sm-9">

    <div class="row">
        <div class="col-md-12">
            
            <h2>Posts</h2>
        </div>

        <?php echo $this->Element('posts', array('posts' => $posts)); ?>
    </div>
</main>

@media screen and (max-width: 767px) {
	aside {
		display: none;
	}
}

так вот как мне сделать при таком подходе выдвигающее меню из данных aside?

Comments

[Ankhena]

Так вставьте кнопку, задайте ей нужный .visible- или наоборот .hidden-
А дальше, как обычно, js и доп.классы.

[Вадим Дунькин]

Ankhena W: а можно пример, а то я уже гуглил, но когда я применял верстка вообще нафиг летела

[Ankhena]

Вадим Дунькин: мне не видно вашу верстку и почему она едет, поэтому не ясно пример чего именно требуется.
Не получается с бутстрапом - пишите руками.

Answer 1

[Даниил]

В bootsrap есть так же вспомогательные классы для показа/скрытия элементов, код примерно такой:
<button class="visible-sm hidden-md "></button>