Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2012
    Posts
    38
    Thanks
    8
    Thanked 1 Time in 1 Post

    Issue with bootstrap navbar

    So I tried installing the bootstrap responsive navbar. I got it to look good and the links work.

    There seems to be two probems at the moment. The .active doesn't change for the page that your on. And when it is collapsed on mobile, it doesn't extend at all disabling the nav completely.

    I can't link to my page becaus what I am working on is secret but I posted the nav html below. Anything I am missing? (I have bootstrap.min.js, bootstrap-responsive.min.js, and bootstrap.css linked)
    PHP Code:
    <header>
         <
    div class="row">
            <
    div class="navbar">
              <
    div class="navbar-inner">
                <
    div class="container">
                  <
    class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <
    span class="icon-bar"></span>
                    <
    span class="icon-bar"></span>
                    <
    span class="icon-bar"></span>
                  </
    a>
                  <
    div class="nav-collapse">
                    <
    ul class="nav">
                      <
    li class="active"><a href="index.php"><class="icon-home icon-white"></iHome</a></li>
                      <
    li><a href="luciddreaming.php">Lucid Dreaming</a></li>
                      <
    li><a href="ksbacker.php">Backer Wall</a></li>
                      <
    li><a href="contact.php">Contact</a></li>
                    </
    ul>
                  </
    div><!-- /.nav-collapse -->
                </
    div><!-- /.container -->
              </
    div><!-- /.navbar-inner -->
            </
    div><!-- /.navbar -->
        </
    div>
    </
    header
    Thanks for your help.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,081
    Thanks
    23
    Thanked 592 Times in 591 Posts
    You do need to call the jquery library before the bootstrap libs.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #3
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This should help i suppose Twitter Bootstrap Navigations Bars


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •