Someone who knows the Ulkit framework

0

I'm starting to learn the Ulkit Css framework, I'm trying to make a responsive menu that fits the mobile. When it is in a mobile resolution, it does nothing like the examples that the Ulkit site does, if anyone who understands this framework can help me.

Below the code:

<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/uikit.min.css" />
    <link rel="stylesheet" href="js/uikit.min.js" />
    <script src="uikit.min.js"></script>
</head>
<body>  
    <div class="uk-margin">
        <nav class="uk-navbar">
            <ul class="uk-navbar-nav uk-hidden-small">
                <li class="uk-active"><a href="" class="uk-navbar-nav-subtitle">Active<div>Subtitle</div></a></li>
                <li><a href="" class="uk-navbar-nav-subtitle">Item<div>Subtitle</div></a></li>
            </ul>
            <a href="#offcanvas-1" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
        </nav>
    </div>

    <!-- Era para aparecer um menu lateral -->
    <div id="offcanvas-1" class="uk-offcanvas">
        <div class="uk-offcanvas-bar">
            <div class="uk-panel">Lorem ipsum dolor sit amet, <a href="#">consetetur</a> sadipscing elitr.</div>
        </div>
    </div>
</body>
</html>
    
asked by anonymous 05.07.2016 / 16:46

1 answer

0

Elizer tries to use the meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">

And test the site on an emulator like this: link

If you resize the browser itself, do not forget to refresh the page to ensure it.

    
05.07.2016 / 22:22