Baik mari kita langsung saja membuatnya, sebelum membuatnya ada beberapa alat yang harus Anda siapkan.
1. Text Editor
2. Browser
seteleh memenuhi syarat, silahkan copy-paste kode HTML berikut.
<html><head><title>Membuat Navigasi Responsive</title><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><script type="text/javascript" src="jhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.jss"></script></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="http://www.malasngoding.com">Gairah Coding</a></div><ul class="nav navbar-nav"><li class="active"><a href="http://www.malasngoding.com">Home</a></li><li><a href="#">Profil</a></li><li><a href="#">Tentang Kami</a></li><li><a href="#">Kontak</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#"><span class="glyphicon glyphicon-user"></span> Daftar</a></li><li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li></ul></div></nav></body></html>
berikut adalah hasil dari kode diatas.
Bagaimana, mudah bukan? kita hanya perlu mengetahui class dari bootstrap tersebut, sekian artikel kali ini, untuk kritik dan saran silahkan berkomentar di kolom yang sudah disediakan, terimakasih.
No comments