Hi
Im just starting out with using Visual Studio to create a website. I’ve selected the .net core MVC template and uses bootstrap . Just figuring this out as I go. I want to modify some of the layout and colours that the template uses - rather than start from scratch because it gives me a starting point to work from.
i did some reading on how to modify the bootstrap formatting and it is advised not to modify it directly but use a custom.scss file to modify variables that the bootstrap uses. I want to try stick to best practices so I am trying to make this work but I just cant get it to work. Can anyone else advise what I am doing wrong?
Using a guide I found online, I have created CustomBoot.scss with the following contents:
/* custom.scss */
/* import the necessary Bootstrap files */
@import "bootstrap/variables";
/* -------begin customization-------- */
/* simply assign the value */
/* or, use an existing variable */
$primary: #005190;
/* -------end customization-------- */
/* finally, import Bootstrap to set the changes! */
@import "bootstrap";
I am using the following lines to reference the stylesheets:
<link rel="stylesheet" href="~/lib/bootstrap/CustomBoot.scss" />
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
Basically I am trying to modify the variable primary (which I believe/hope should change bg-primary).
It doesnt work unfortunately , hoping someone could point me in the right direction?
Thanks
Dan