bootstrap加offcanvas实现左右弹出菜单

例子代码如下

<link rel="stylesheet" href="css/bootstrap.offcanvas.min.css"  />

   <script src="js/bootstrap.offcanvas.min.js"></script>

<header class="clearfix">

       <button type="button" class="navbar-toggle offcanvas-toggle" data-toggle="offcanvas" data-target="#test" style=" float:left;">

           <span class="sr-only">Toggle navigation</span>

       点击显示</button>

</header>

<nav class="navbar navbar-offcanvas navbar-offcanvas-touch navbar-offcanvas-fade" style="border:none" role="navigation" id="test">

                   <button type="button" class="navbar-toggle offcanvas-toggle pull-right" data-toggle="offcanvas" data-target="#test" style="float:left;">

                       <span class="sr-only">Toggle navigation</span>

                       <i class="glyphicon glyphicon-remove"></i>

                   </button>

                 这里是内容

</nav>