This question is an exact duplicate:

Tell me pliz how to add smoothness of animation to the drop-down menu on bootstrap? (question marked as duplicate - deleted)

.dropdown .dropdown-menu { display: block; visibility: hidden; opacity: 0; transition: all 0.2s ase; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; } .dropdown { display: inline-block; } 
 <div class="nav-wrapper"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"></a> <ul class="dropdown-menu"> <li> <a href="/">Бла</a> </li> <li> <a href="/">Бла</a> </li> </ul> <!-- end dropdown-menu --> </li> </ul> </div> 
Problem solved by yourself

Reported as a duplicate by Athari , Alexey Shtanko , Vladyslav Matviienko , null , Mikhail Sidorov Jun 12 '15 at 12:53 .

This question has been marked as a duplicate of an existing one.

    1 answer 1

    Translation of logic from " display:none; " to " opacity:0; ", as one of the options.

    Here with examples.

    • Thanks, but when the opacity list appears across the entire display area, even when you don’t navigate the menu - I also need it to appear when leading to the menu item - Bob
    • In the same examples, the author uses .hover (). - leks
    • Here it is a solution - found on the open spaces of the network - use it for health :) .dropdown .dropdown-menu {display: block; visibility: hidden; opacity: 0; transition: all 0.2s ase; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .dropdown: hover .dropdown-menu {visibility: visible; opacity: 1; } .dropdown {display: inline-block; } - Vasya
    • And there also advise visible. Fits and height: 0 // auto. Inattention? - leks
    • experimented - in my case height: 0 // auto does not fit exactly. the white substrate collapses up - only a narrow strip remains, and the list itself turns out to be naked - as if suspended with absolute transparency - something like that .. - Vasya