[Ask] Cara membuat navbar bootstrap yang benar

Desain » Template WapBlog · Tue, 06 Feb 2018 14:42
Terimakasih jika anda mau membaca. Saya sedang membuat sebuah template berbasis bootstrap, dan saya hanya modal copy paste .
Kira-kira, dari kode dibawah:

<!--Navigation-->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container-fluid">
<!--Brand and toggle get grouped for better mobile display-->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<wb:blog_url>" title="<wb:blog_name>"><wb:blog_name></a>
</div>
<!--Collect the nav links, forms, and other content for toggling-->
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav navbar-right">
<wb:pages_list>
<if>
<li>
<a href="<wb:blog_url>/<wb:pages_link>/" title="Page <wb:pages_id>"><wb:pages_name></a>
</li>
</if>
</wb:pages_list>
<li>
<a href="<wb:blog_url>" title="Page About">About</a>
</li>
</ul>
</div>
</div>
</nav>

Apa yang salah?. Jika benar, maka selanjutnya template saya itu, yakni Clean Blog akan bertambah fitur Komentar

Balasan

  • Image of M Nafis Al Mukhdi
    M Nafis Al Mukhdi
    Tue, 06 Feb 2018 16:26
    Okeh, fix. Tinggal tunggu update dari post ane.
  • Image of Ramadhan GF
    Ramadhan GF
    Tue, 06 Feb 2018 15:31
    Coba pasang ini, nanti di coba toggle navbar nya

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script>
    $(document).ready(function(){
    $("button.navbar-toggle").click(function(){
    $("div#navbar").slideToggle('fast');
    });
    });
    </script>
  • Image of Ramadhan GF
    Ramadhan GF
    Tue, 06 Feb 2018 15:18
    Sepertinya tidak ada yang salah, cuman dropdown-collapse bootstrap "sedang" tidak berfungsi ane dah coba dua2nya.

    Navbar tidak selalu <nav> bisa juga di ganti <div>
Harap Login untuk berkomentar