Bootstrap dropdown menu with href link

Question

I'm using bootsrtap to build a toggleable dropdown menu.

So I use an "a" tag that when I click on it it open a dropdown menu, here is my code :

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<div class="dropdown">
        <a id="my-dropdown" href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown</a>
    
        <ul class="dropdown-menu">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    
    </div>

What I'm trying to do is to open a href link in the same time when the dropdown :

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<div class="dropdown">
        <a id="my-dropdown" href="#section=mysection" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown</a>
    
        <ul class="dropdown-menu">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    
    </div>

But it doesn't work,

Any idea ?

I m pretty sure that I can use the "=" sign in a href ... i'm using it all over my app.. and it works correctly ... here is an example : Accueil Patient — Mohamed Taboubi, May 20 '16 at 14:24
http://stackoverflow.com/a/13500078/3258604 Look at this answer (reserved characters). — max, May 20 '16 at 14:29
can you explain more about it, and what is this `#section=mysection` — Codeone, Jun 20 '16 at 05:05
can you explain more about it, and what is this `#section=mysection`, cant open your drop down menu , your are using href tag to `#section=mysection` why are you used it — Codeone, Jun 20 '16 at 05:17

score 2 · Answer 1 · answered Jun 20 '16 at 05:21

Use - Bootstrap CDN correctly <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>



<div class="dropdown">
        <a id="my-dropdown" href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown</a>
    
        <ul class="dropdown-menu">
           <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
        </ul>
    
    </div>

score -1 · Answer 2 · answered May 20 '16 at 14:13

-1

Try to remove the "#" before the "section". I'm not totally sure that will fix your issue.

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<div class="dropdown">
        <a id="my-dropdown" href="section=mysection" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown</a>
    
        <ul class="dropdown-menu">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    
    </div>

answered May 20 '16 at 14:13

Marc Giroux

186
1
7
18

No, it does not resolve the issue, it do not open the href automatically ! – Mohamed Taboubi May 20 '16 at 14:15
Like makshh said, you can't use the = sign in href attribute. Read this : http://www.w3schools.com/tags/att_a_href.asp – Marc Giroux May 20 '16 at 14:16
I m pretty sure that I can use the "=" sign in a href ... i'm using it all over my app.. here is an example : Accueil Patient – Mohamed Taboubi May 20 '16 at 14:23

Bootstrap dropdown menu with href link

2 Answers2