Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1

Thread: bootstrap

  1. #1
    Junior Member
    Join Date
    Jun 2016
    Location
    Delhi,India
    Posts
    6
    Member #
    54564

    Current Rating

    Visual Appeal:
    4.0 out of 5

    Accessibility:
    4.0 out of 5

    Website Speed:
    5.0 out of 5

    Compatibility:
    4.0 out of 5

    Overall Rating:
    2.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    bootstrap

    toggle is not working in bootstrap
    my code is below:-

    <!DOCTYPE html>
    <html lang="en">

    <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Navigation</title>

    <!-- CSS -->

    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="assets/css/media-queries.css">


    </head>

    <body>

    <!-- Top menu -->
    <nav class="navbar" role="navigation">
    <div class="container">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
    <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="index.html">Andia - a super cool design agency...</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="top-navbar-1">
    <ul class="nav navbar-nav navbar-right">
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000">
    <i class="fa fa-home"></i><br>Home <span class="caret"></span>
    </a>
    <ul class="dropdown-menu dropdown-menu-left" role="menu">
    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">Home 2</a></li>
    </ul>
    </li>
    <li>
    <a href="education.html"><i class="fa fa-camera"></i><br>Portfolio</a>
    </li>
    <li>
    <a href="services.html"><i class="fa fa-tasks"></i><br>Services</a>
    </li>
    <li>
    <a href="about.html"><i class="fa fa-user"></i><br>About</a>
    </li>
    <li>
    <a href="contact.html"><i class="fa fa-envelope"></i><br>Contact</a>
    </li>
    <li class="dropdown active">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000">
    <i class="fa fa-paperclip"></i><br>Pages <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
    <li class="active"><a href="pricing-tables.html">Pricing tables</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </div>
    </nav>

    <!-- Javascript -->
    <script src="assets/js/jquery-1.11.1.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
    </body>

    </html>

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:46 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com