Как подружить Angular с Bootstrap?

Добрый день) вот почему то у меня так не работает совсем, как вы показываете на примере)) а вот то что у автора показано, таким способом у меня всё сработало) без подключения в style.css почему то Bootstrap не хочет работать)
Angular.json:

"styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

таким образом не работает совсем!

а вот так, всё работает норм:
@import "~bootstrap/dist/css/bootstrap.css";