0

已经设法让 Jasny Bootstrapoff canvas组件工作。它有一些不同的响应设置，但默认为“推送”选项：（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上面）中，然后将canvas选项（我相信是data-canvas）设置为等于那个div；即data-canvas="#targetDiv"。

2) 从导航中删除offcanvas类，myNavmenu并通过 less 将其 z-indez 设置为 0。

我得到的与示例不同：http: //jasny.github.io/bootstrap/examples/navmenu-reveal。我做错了什么？

4

1 回答 1

1

对于尝试创建“显示”效果来代替“推送”效果的用户，请按照以下说明操作：http: //jasny.github.io/bootstrap/examples/navmenu-reveal。我想澄清一下，说明所指的“内容”是画布上的任何内容。在我上面的示例中，画布仅包含导航栏，即<div class="navbar navbar-default navbar-fixed-top">. 在进行其他更改的同时，围绕此内容包装您的新命名 div，它可以完美运行。

于 2014-10-05T22:00:52.427 回答