dropdown not work in alpha 6 .min.css #21634

ve3 opened this Issue Jan 10, 2017 · 5 comments


None yet

4 participants

ve3 commented Jan 10, 2017 edited

I have this menu.

<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#bootstrap-basic4-topnavbar" aria-controls="bootstrap-basic4-topnavbar" aria-expanded="false" aria-label="Toggle navigation">
    <div id="bootstrap-basic4-topnavbar" class="collapse navbar-collapse">
        <ul id="menu-navbar" class="navbar-nav mr-auto">
            <li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155 nav-item"><a href="http://localhost/wordpress/theme-test/home/" class="nav-link">Home</a></li>
            <li id="menu-item-131" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children btn-group menu-item-131 nav-item">
                <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Post formats</a>
                <div class="dropdown-menu">
                    <a href="http://localhost/wordpress/theme-test/type/aside/" class="dropdown-item">Aside</a>
                    <a href="http://localhost/wordpress/theme-test/type/chat/" class="dropdown-item">Chat</a>
                    <a href="http://localhost/wordpress/theme-test/type/image/" class="dropdown-item">Image</a>
                    <a href="http://localhost/wordpress/theme-test/type/link/" class="dropdown-item">Link</a>
                    <a href="http://localhost/wordpress/theme-test/type/quote/" class="dropdown-item">Quote</a>
                    <a href="http://localhost/wordpress/theme-test/type/video/" class="dropdown-item">Video</a>
            <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57 nav-item"><a href="http://localhost/wordpress/theme-test/credits/" class="nav-link">Credits</a></li>
        <div class="float-sm-right">
            <form method="get" action="http://localhost/wordpress/theme-test/">
                <div class="input-group">
                    <input class="form-control" type="search" name="s" value="" placeholder="Search &hellip;" title="Search &hellip;">
                    <span class="input-group-btn">
                    <button class="btn btn-secondary" type="submit">Search</button>
        <div class="clearfix"></div>

This download of Bootstrap 4 Alpha 6

If I use bootstrap.min.css, the navbar dropdown will not work, but if I use bootstrap.css (non minify) then it works fine.

Quy commented Jan 12, 2017 edited

It is working for me. Here is a JS Bin: https://jsbin.com/vesorabave/edit?html,output

I also tested locally using the link you provided.


define "dropdown will not work"...what is actually happening/not happening?

ve3 commented Jan 12, 2017

dropdown not work means click on the button but there is no dropdown. I don't think it is very hard to understand about dropdown not work.

ve3 commented Jan 12, 2017

@Quy That's strange, the min.css from cdn and my downloaded are same. Maybe this is from another problem but from my test page I don't see anything suspicious.


Tested locally and can't reproduce, so yes it sounds like you have some other problem with your test not specifically related to Bootstrap?

I'd suggest asking for this sort of support/advice on StackOverflow or similar - see https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#using-the-issue-tracker

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment