How to change :focus color to your own when using bootstrap4?

Question

Bootstrap

There are inputs, and when you click on them, the bootstrap assigns their classes to them (blue stroke, etc.), but you need to make your styles work. Your css file is connected after boostrap, that's not the problem.

Answer 1

!important

Answer 2

Pull the bootstrap style file locally, not via the Internet. And in it already change what you need.

Answer 3

How are bootstrap styles connected?
1) First, we define the bootstrap variables (if necessary)
2) We connect the bootstrap
3) We redefine the bootstrap styles (not only on the bootstrap classes, but write our own classes and new properties on them)