The css effects the bootstrap navbar css

[steveharan]

Cannot use navbar style anywhere else as the css overrides it. ie try adding a bootstrap navbar at the top of the page.

Can you update the CSS so it's standalone?

[toledomatias]

I tried hard to put de top navbar, but I couldn't. (I'm a beginner in frontend). Where is the CSS that needs to be updated? I see bootstrap npm, I edited site.css and edited the menu component, but I can't make it work, I can't figure why.

[Nordes]

First of all, hi ;) thank you for the question.

ℹ️ During the development, if you don't like bootstrap or you want to understand how it's been included. The Bootstrap.css is actually included during the webpack build and it's inclusion is visible here. Also, the package.json contains the bootstrap 4.0.0 and if you want to update, please do so by doing a npm update on the packages.

ℹ️ The NavMenu (or navbar) component is located in this file and contains a minimum of css.

Where you want to really do some changes are in the following file which contains some site customization.

• https://github.com/MarkPieszak/aspnetcore-Vue-starter/blob/master/content/ClientApp/css/site.css

If you think this is good enough as an answer, thank you for closing the issue ;).

Side note: If you don't like bootstrap, it's possible to remove, but require you to change a lot of style except if you simply want to start from scratch.