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

Closed
ve3 opened this Issue Jan 10, 2017 · 5 comments

Projects

None yet

4 participants

@ve3
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">
    &#9776;
    </button>
    <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>
                </div>
            </li>
            <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>
        </ul>
        <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>
                    </span>
                </div>
            </form>
        </div>
        <div class="clearfix"></div>
    </div>
    <!--.navbar-collapse-->
</nav>

This download of Bootstrap 4 Alpha 6
https://github.com/twbs/bootstrap/releases/download/v4.0.0-alpha.6/bootstrap-4.0.0-alpha.6-dist.zip

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
Contributor
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.

@patrickhlauke
Member

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

@ve3
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
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.

@patrickhlauke
Member

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