I'm writing an application using Blazor Server. I'm trying to update the CSS but it doesn't seem to be working.
More details: I used MSFT Convert Standard Nav Menu to make a beautiful side menu that supports submenu components. I'm looking to change the padding on an element. Using the Chrome Developer Console, I isolated the CSS and changed it to my liking. However, when I find the exact same CSS in my project, it doesn't work! To be clear, I found the CSS in wwwroot/css/bootstrap/bootstrap.min.css/bootstrap.css.min.map.
What I tried:
I'm not a web developer so any help is appreciated.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You should not edit files in import libraries directly, as upgrading these files to a newer version may overwrite your code: it will be a pain to remember what you modified/added.
Additionally, the bootstrap file is often minified, which makes it more unclear but indicates that it should not be edited.
Just create a custom css file to override bootstrap styles. Make sure to call this file after booting.