CODEWITHSUNDEEP
jquerycsstwitter-bootstrap
Geng Jiawen
Geng Jiawen

Reputation: 9156

Twitter bootstrap 2 menu popup behave unexpectedly ,how can i fix this?

I hava some code like this,but when i click the third btn-group(with the content "manage"),the submenu doesn't popup.Anyone knows why,thank you. 

 <div class="btn-group">
        <button type="button" class="btn btn-default">View</button>
        <button type="button" class="btn btn-default">Edit</button>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Start/End<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">Start</a></li>
            <li><a href="#">End</a></li>
        </ul>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Manage<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">paper</a></li>
            <li><a href="#">pen</a></li>
        </ul>
    </div>

Upvotes: 0

Views: 81

Answers (1)

Felix
Felix

Reputation: 38112

Your code should works fine, make sure the path to your bootstrap files is correct.

You also need to remove redundant > after last </li> in your code:

<li><a href="#">pen</a></li>>
// -----------------------  ^ here ----------------

Bootply Demo

Upvotes: 3

Related Questions