I have try to install Bootstrap in Angular 13 with this link: https://www.itsolutionstuff.com/post/how-to-install-bootstrap-5-in-angular-13example.html
However, as i update bootstrap to v5 it does not work, all the styles are wrong. On the other hand, it works properly with bootstrap 4.6.1.
I have do the same as this link. Is there another thing that is supose to be done?
my recommendation would be to go to https://getbootstrap.com/ and follow the installation instructions on their website. it has the newest version of bootstrap 5 on it and it gives you links and scripts to input straight into your html page.
Normally it's hard to try to import styles only by npm install, you'll find that it's much easier to use a CDN instead in most cases.
So what I would suggest you is make npm uninstall of any bootstrap package you have listed in your dependencies at package.json, then go to index.html of your angular project and under the default <link>s paste the cdn:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
Now your project should have bootstrap 5.
My issue was that some class names has change from boostrap 4 to boostrap 5. I leave here a link if someone has the same problem:
Bootstrap 5 navbar align items right
On the other hand, i installed this library instead boostrap as it has all dependencies and i find it easier