/
githubmirror
/
materialize
Обзор
Документация
Войти
/
githubmirror
/
materialize
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
v1-dev
test/html/fixed_navbar.html
125 строк
2 KB
Dogfalo7
Refactored button-collapse to sidenav-trigger
21 ноя 2017, 10:18
21 ноя 2017, 10:18
75e9579
Код
Авторство
О чём код?
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> <title>Documentation - Materialize</title> <!-- CSS --> <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" /> </head> <body> <style type="text/css"> </style> <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="#!" class="brand-logo">Logo</a> <ul class="right hide-on-med-and-down"> <li><a href="sass.html">Sass</a></li> <li><a href="badges.html">Components</a></li> </ul> <ul id="slide-out" class="sidenav"> <li><a href="#!">First Sidebar Link</a></li> <li><a href="#!">Second Sidebar Link</a></li> </ul> <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="mdi-navigation-menu"></i></a> </div> </nav> </div> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <p>Testing</p> <br> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="../../../bin/materialize.js"></script> <script type="text/javascript"> $( document ).ready(function() { $(".sidenav").sidenav({ edge: 'right', menuWidth: 300 }); }); </script> </body> </html>