Jasny Bootstrap Метод "Выявить" из Canvas - Устранение неполадок

Question

Удалось получить Jasny Bootstrap off canvas компонент для работы. У него есть несколько различных адаптивных настроек, хотя по умолчанию используется опция "push": ( http://jasny.github.io/bootstrap/examples/navmenu-push/).

Вместо этого я хотел бы включить опцию "раскрыть" и использовать в качестве примера следующий фрагмент кода (непосредственно с сайта Jasny BS):

<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left" role="navigation">
  <div id="targetDiv">
    Content
  </div>
</nav>
<div class="navbar navbar-default navbar-fixed-top">
  <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="#targetDiv">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
</div>

Как указано в инструкции на странице " Раскрыть" ( http://jasny.github.io/bootstrap/examples/navmenu-reveal/), у меня есть:

1) Завернуть содержимое в div (targetDiv выше), а затем установите параметр холста (который я считаю data-canvas) чтобы равняться этому div; т.е. data-canvas="#targetDiv",

2) Убрал offcanvas класс из myNavmenu nav и установите его Z-Indez в 0 через меньше.

То, что я получаю, ведет себя не так, как в примере: http://jasny.github.io/bootstrap/examples/navmenu-reveal. Что я делаю неправильно?

Answer 1

Для пользователей, пытающихся создать эффект "раскрытия" вместо эффекта "толкания", следуйте инструкциям на: http://jasny.github.io/bootstrap/examples/navmenu-reveal. Я хотел бы уточнить, что "контент", на который ссылаются инструкции, - это любой контент, который находится на холсте. В моем примере выше холст содержал только панель навигации, т.е. <div class="navbar navbar-default navbar-fixed-top">, Оберните ваш новый, названный div вокруг этого контента, внося другие изменения, и он отлично работает.