6 Replies - 1799 Views - Last Post: 05 December 2014 - 05:22 AM

#1 segun6060   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 19-November 14

BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 19 November 2014 - 03:02 AM

I am new to bootstrap and my dropdown is not working somebody please help this is my code.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Renter</title>
<meta name="viewport" content="width=device-width",initial-scale=1.0>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>   
   <div class="container">
    <div class="navbar navbar-fixed-top">
     <div class="navbar-inverse">
     <div class="container">
        <a class="nav navbar-nav" href="#"><img src="fonts/bouncer.png" alt="bouncer"></a>
        <ul class="navbar navbar-nav">
        <form class="navbar-form">
        <input style="text" class="form-control" placeholder="Rent Search" id="searchInput">
        <button type="submit" class="btn btn-default" id="searchBtn"><span class="glyphicon glyphicon-search"></span></button>
        </form>
        </ul>
        <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">...</a></li>
        <li><a href="#">...</a></li>
        </ul>
        
 		<ul class="nav navbar-nav pull-right"> 
        <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"> Language</span></a>
        <ul class="dropdown-menu">
        <li><a href="#">YORUBA</a></li>
        <li><a href="#">HAUSA</a></li>
        <li><a href="#">IGBO</a></li>
        </ul>
        </li>
        </ul>
      </div>
      </div>
      </div>
      <div class="row" id="bigCallout">
      </div>
      <div class="row" id="featuresHeading">
      </div>
      <div class="row" id="features">
      </div>
      <div class="row" id="moreInfo">
      </div>
      </div>
      <footer>
      </footer>
        
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>

</body>       

</html>

:code:

This post has been edited by Dormilich: 19 November 2014 - 05:33 AM


Is This A Good Question/Topic? 0
  • +

Replies To: BOOTSTRAP DROPDOWN CLASS NOT WORKING

#2 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4288
  • View blog
  • Posts: 13,594
  • Joined: 08-June 10

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 19 November 2014 - 05:33 AM

you’re missing the required jQuery library.
Was This Post Helpful? 0
  • +
  • -

#3 segun6060   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 19-November 14

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 20 November 2014 - 04:00 AM

i try download the jquery is not woking?
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4288
  • View blog
  • Posts: 13,594
  • Joined: 08-June 10

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 20 November 2014 - 07:29 AM

that statement doesn’t make any sense.
Was This Post Helpful? 0
  • +
  • -

#5 segun6060   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 19-November 14

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 20 November 2014 - 09:14 AM

sorry i mean when i put the jquery the stuff still not working yet.
Was This Post Helpful? 0
  • +
  • -

#6 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4288
  • View blog
  • Posts: 13,594
  • Joined: 08-June 10

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 20 November 2014 - 10:35 AM

can you give us a link to your page, so we can see for ourselves?
Was This Post Helpful? 0
  • +
  • -

#7 TaLeNT   User is offline

  • D.I.C Head

Reputation: -8
  • View blog
  • Posts: 122
  • Joined: 05-September 14

Re: BOOTSTRAP DROPDOWN CLASS NOT WORKING

Posted 05 December 2014 - 05:22 AM

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'></script>
<script src='js/bootstrap.js'></script>

Put that in the your header

This post has been edited by TaLeNT: 05 December 2014 - 05:23 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1