Bootstrap 3 simple dropdown not working

Question

When trying to adjust to Bootstrap 3, I have encountered the following problem.

When I click on the button named F, I would like Home and Not Home to show up, but it does not at the moment.

This is the video I am learning from.

<div class= "navbar navbar-inverse navbar-static-top">
    <div class="container">
        <a class= "navbar-brand">Jackdh</a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> F 
        </button>
        <div class ="collapse navbar-collapse navHeaderCollapse">
            <ul class = "nav navbar-nav navbar-right">
                <li><a href="#">Home</a></li>
                <li><a href="#">Not Home</a></li>
            </ul>   
        </div>
    </div>
</div>

score 8 · Accepted Answer · answered Sep 23 '13 at 18:27

8

I'm pretty sure that you simply forgot to add bootstrap.js and also jquery. With that included, everything works for me.

answered Sep 23 '13 at 18:27

Marcel Gwerder

8,353
5
35
60

Thanks that worked. I was using the link from their website incorrectly. – Jack Sep 23 '13 at 18:42
Not exactly same mistake, but get some clue and fixed the problem. – Sanjay Zalke Feb 14 '14 at 23:47

deemyBoy · Answer 2 · 2016-04-23T20:48:59.660

2

@op (original poster)

Marcel's answer gave me a clue so I checked my script tag

<script src="bootstrap.min.js"></script>

I forgot to add the bootstrap javascript folder "js/"

With this script tag everything works fine.

<script src="js/bootstrap.min.js"></script>

@ Marcel - I couldn't vote up your answer due to lack of reputaion!

edited Apr 23 '16 at 20:48

answered Feb 22 '14 at 12:53

deemyBoy

65
10

score 0 · Answer 3 · answered Jan 13 '16 at 06:42

You forgot to add navbar-header div after container, Try this one !

` Brand

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>`

Bootstrap 3 simple dropdown not working

3 Answers3

Linked