Bootstrap 4 Tutorial 16 – Button Dropdown

Source Code:

Like our content and want to support us more directly? Help Us, Help You!

If you like this stuff, as always, show the love through comments, likes, favorites, subscriptions, etc.

Thousands of free videos at

If you have any questions feel free to post them at

Our Website

Facebook –
Twitter –
Google+ –
Donate –

Our games made using Cocos2d-x

Google Play:

Check out our Cocos2d-x book to learn how to make games

Original source

5 thoughts on “Bootstrap 4 Tutorial 16 – Button Dropdown

  • February 27, 2020 at 17:28

    Also label dosnt get effect at all.

    <div class="row">
    <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-12">
    <span class="lbl lbl-pill lbl-default"> Dafault </span>
    <span class="label lbl-pill label-primary"> Primary </span>
    <span class="label lbl-pill label-success">Success</span>
    <span class="label lbl-pill label-info">Info</span>
    <span class="label lbl-pill label-warning">Warning</span>
    <span class="label lbl-pill label-danger">Danger</span>

  • February 27, 2020 at 17:28

    <ul class="nav nav-tabs nav-stacked">
    <li class="nav-item ">
    <a href="#" class="nav-link active"> Home </a>
    <li class="nav-item">
    <a href="#" class="nav-link"> About Us </a>
    <li class="nav-item">
    <a href="#" class="nav-link"> Dissabled </a>
    <li class="nav-item">
    <a href="#" class="nav-link disabled"> Contact Us </a>

    <li class="nav-item dropdown">

    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> Dropdown </a>

    <div class="dropdown-menu">
    <a class="dropdown-item" href=""> Button1 </a>
    <a class="dropdown-item" href=""> Button2 </a>
    <a class="dropdown-item" href=""> Button3 </a>
    <div class="dropdown-divider"> </div>
    <a class="dropdown-item" href=""> Button4 </a>

    Please help me with these code. Drop-down menu doesn't appear what might be a problem. Also i tried on radio button and checkbox i faced the same problem of some features of bootstrap 4 doesn't work as required.

  • February 27, 2020 at 17:28

    Could you please briefly expand on what aria-haspopup and aria-expanded mean here? I initially thought that if I'd define aria-expanded as true, the page would load with the dropdown expanded, but that wasn't the case, so it brought me to my question. Thanks!

Leave a Reply