search

TrilonIO / aspnetcore-Vue-starter

*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
https://www.trilon.io
MIT License
1.22k stars 266 forks source link

The css effects the bootstrap navbar css #107

Open steveharan opened 5 years ago

steveharan commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

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.

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.