CODEWITHSUNDEEP
htmlcssasp.netasp.net-mvctwitter-bootstrap
user7257553
user7257553

Reputation:

How to use a different Bootstrap theme in ASP.Net MVC?

So i've been looking for quite some time now on how to change from the default bootstrap theme in ASP.NET MVC 5. I can change it by using a template from bootswatch and basically copy the bootstrap.css into my current bootstrap.css.

But when I try with other themes like this one

I can't seem to get this one work or the other I tried after by changing the .css & .js like i've read through different tutorials. What am I missing?

Any help would be really appreciated.

Upvotes: 1

Views: 7306

Answers (2)

swapmeet_Lou
swapmeet_Lou

Reputation: 292

I don't know if you're still looking for an answer or not. Few years old now. Maybe someone else will see this. I came across this question while I was looking for answers for a different problem. If you wanna change your bootstrap theme, you simply do so in the BundleConfig.cs file. Under App_Start. This is where you'll change your various script libraries. Including Bootstrap. For example:

 bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap-lumen.css",
                  "~/Content/site.css"));

I changed my default theme of bootstrap.css to bootstrap-lumen.css. Hope this helps.

Upvotes: 4

hbulens
hbulens

Reputation: 1969

You may want to start with following some tutorials. This one looks pretty clear and should help you out.

The concept is very simple: you add the default bootstrap scripts and content files and then you add your own scripts to override some of the settings. You can modify the default files but that's not to be recommended.

Do note that the customized scripts should be referenced after the default bootstrap files in your HTML or else they won't have any effect.

Upvotes: 1

Related Questions