Categoria > UIKit

1: Navbar responsive con UIKit 3

Navbar responsive con UIKit 3

Qui una navbar responsive costruita sul framework UIKit 3

<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky ">

	<!-- nav -->
	<nav class="uk-navbar-container" uk-navbar="mode: click">
		<div class="uk-navbar-left">
		
			<!-- display screen > 640px  -->
			<ul class="uk-navbar-nav uk-visible@s">
				<li><a href="#about">About</a></li>
				<li><a href="#service">Service</a></li>
				<li><a href="#contact">Contact</a></li>
			</ul>
			<!-- end display -->
			
			<!-- display screen < 640px  -->
			<ul class="uk-navbar-nav uk-hidden@s">
			    <li>
					<a class="uk-navbar-toggle" href="#">
						<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Menu</span>
					</a>
					<div class="uk-navbar-dropdown">
						<ul class="uk-nav uk-navbar-dropdown-nav">
							<li class="uk-active"><a href="#">About</a></li>
							<li><a href="#">Service</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
				</li>
			</ul>
			<!-- end display -->
			
		</div>
	</nav>
	<!-- end nav -->

</div>

Categorie

Copyright 2017 to Andrea