Bootstrap Drawer menu

bootstrap-drawer is a Bootstrap add-on that gives you an off-canvas/drawer element to your page or container! Check it out by clicking the toggle in the top corner!

 	<div id="docDrawer" class="drawer dw-xs-10 dw-sm-6 dw-md-5 fold in" aria-labelledby="docDrawer">
		<div class="drawer-controls">
            <a href="#docDrawer" data-toggle="drawer" href="#docDrawer" aria-foldedopen="false" aria-controls="docDrawer" class="btn btn-default"><i class="fa fa-bars"></i></a>
		</div>
       <div class="drawer-contents">
            <ul id="doc-nav" class="drawer-fullnav">
                <li role="presentation"><a href="http://github.com/clineamb/bootstrap-drawer" target="_blank"><i class="fa fa-github-alt"></i>  GitHub Repo</a></li>
                <li role="presentation"><a href="http://www.npmjs.com/package/bootstrap-drawer" target="_blank"><i class="fa fa-share-square"></i> npm</a></li>
 				<li><a href="#cf">ソースコード</a></li>
           </ul>
            <div class="drawer-footer">
                <small>© 2015 Caroline Amaba</small>
            </div>
        </div>
    </div>
	
   
 <div id="drawer-docs">
    <div class="jumbotron page-topper">
        <div class="container">    
			<h1>Bootstrap Drawer menu</h1>
			<h4>bootstrap-drawer is a Bootstrap add-on that gives you an off-canvas/drawer element to your page or container! Check it out by clicking the toggle in the top corner!</h4>
			<nav id="nav" role="navigation">
				<ul>
					<li><a href="https://clineamb.github.io/bootstrap-drawer/" target="_blank">Bootstrap Drawer</a></li>
				</ul>
			</nav>
		</div>
	</div>
 </div>	
		
ページトップへ戻る