asked on

Problem with CSS dropdown menus

I have the following section of code for my menu. All working great except for last optins RAA Reports. That shows up with a caret, but the option Mid-Month Lease report is not showing up. Any Ideas. Thanks

 <ul id="Admin" class="nav navbar-form navbar-left">
                                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Administrator<span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                <li><a href="../Administration/ManageUsers.aspx">Manage Users</a></li>
                                                <li><a href="../RAA/ProcessChecks.aspx">Process Scanned Checks</a></li>
                                                <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle nav navbar">RAA Reports  <span class="caret"></span></a>
                                                     <ul class="dropdown-menu">
                                                         <li><a href="#">Mid-Month Lease Report</a></li>
                                                         </ul>
                                                </li>

                                            </ul>

                                            
                                        </li>
                                        

                                    </ul>

Open in new window

Tom Beck

Not much to go on here, but Bootstrap removed the built-in support for multi-level dropdown menus in version 3.1. However, there are tons of workarounds posted online if you do a simple search. Here's one example.

ASKER CERTIFIED SOLUTION

Scott Fell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial