Animated Bootstrap Drop Down Menu

So Bootstrap has great drop down UI control. How about improve it. So I just created a code pen to enhance some UI features of bootstrap drop down.

So I have added some animations using Animate.css and some custom CSS.

Code pen

Bootstrap loading effects in button

It is nice to show loading behavior to user and let user no something is happening which take some time and avoid touching UI.

In bootstrap it is very simply task.

I think it might help you

$(this).button(‘loading’) shows loading text in button. we tell this to bootstrap by using data-loading-text=”Loading…” 

When finishing our long runing logic we can call


This will bring button to original state.