Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
nav bar css website
saya mau tanya,caranya agar tulisan home,news bisa berada di sebelah kanan
[code]
2 Jawaban:
Jawaban Terpilih
Bisa ditambahkan class baru pada tag <li> home dan news.
Menjadi sprti ini:
<ul>
<li class="right"><a class="active" href="#home">Home</a></li>
<li class="right"><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
dan tambahkan style classnya:
ul li.right{
float:right;
}
Juga bisa menggunakan cara lain dengan menggunakan css dari bootstrap, hanya tinggal menambahkan class pada tag <ul>, persis seperti dibawah ini:
<ul class="nav navbar-nav navbar-right">
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
</ul>
<ul class="nav navbar-nav">
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
\* dengan catatan menggunakan css dari bootstrap: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css