What is the correct way to use Bootstrap?

Question

css

Hello.
I ran into a problem: bootstrap breaks my hands because I can't find answers to some questions:
1) How to correctly override bootstrap styles for menus? (nav). When you need to make a menu 1 in 1 according to the layout, you have to wring your hands and overlap styles. Maybe not use the nav from bootstrap at all and do it yourself?
2) How to correctly correct the dot (screen width) in the same menus when it "slams"?
3) Let's say I want to make 3 blocks on one line, but of a certain size (according to the layout) and adaptively. Is it right to remove bootstrap indents from .col blocks through "important" and then write your own? Perhaps there are other ways to manage them 100%?
4) Is it correct to add your own classes of type ".item .col-md-4" to blocks of type ".col-md-4" or is it better to wrap them?
Thanks in advance.

Answer 1

Customize

Answer 2

Maybe not use the nav from bootstrap at all and do it yourself?

This is logical.
important is a caste. Try to do without it. You can always make your own modifiers.
Semantics. In general, norms. Read about cascading and selector priorities.