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 responses to “Bootstrap 4 Tutorial 16 – Button Dropdown”

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

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

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