Bootstrap don't have effect in angular 10.2.1

Question

im trying to use some stuffs from bootstrap, but dont work at all, i realized that only buttons get effect , but the major things ins't work. for example i tried to add this dropdowlist bellow

but the result is that:

i add the cdn link direct in html page, and i already install boostrap via npm, but both cases the style boostrap and behavior isn't work properly.

Answer 1

try to add code below to your style.css

@import "~bootstrap/dist/css/bootstrap.min.css";

like the image below

enter image description here