Bootstrap. How to solve problems with dropdown block?

Question

css

Good day. I'm starting to learn bootstrap and a few problems arose:
1. How to make a drop-down block so that it does not disappear when you click inside it?
I do it with dropdown, only the block (div) appears when you click on the icon.
2. How to make a standard dropdown have a triangle on top (as here jsfiddle.net/Denitz/tZzdz ). The problem is that the default dropdown block has an outer shadow. Do I need to reset and reset styles, or are there standard methods?
3. Aligning the dropdown horizontally to the center of the icon you click on - there used to be a .pull-center class, but now it is considered obsolete. Do crutches?)
Thanks in advance

Answer 1

See if it helps here

Answer 2

My advice: Just because Bootstrap is very famous doesn't mean it's as good. For me personally, for example, sites on pure Bootstrap are already an eyesore. If we add here its buggy - we get a rather unsympathetic situation. Better look towards Foundation . The best version in my opinion is Foundation 5