Bootswatch theme not working correctly

Question

It's my first time working with ASP.NET, I'm trying to use a Bootswatch theme but when I try to use it the navigation bar at the top of the page turns into a weird drop-down menu.

Am I doing something wrong? I just replaced the current bootstrap.css with the new one from Bootswatch.

Solution 1

Check for the compatible verison of the Bootswatch page

1) https://bootswatch.com/

2) https://bootswatch.com/3/

Try these both. One of them should work

Solution 2

The problem was that the version of bootstrap used in the default mvc-templates and version of bootswatch themes didn't correspond.

I fixed it by dowloading a compatible theme from this link https://bootswatch.com/3/

The easiest will be to downgrade to boostwatch that's based on bootstrap3, bootswatch.com/3 , or alternatively you can update the html with the new bootstrap4 directives

Thanks to StaticBeagle for hist quick answer!

Comments

[StaticBeagle]

If I remember correctly, the default version of boostrap that came pre-packed with the mvc templates was v3.x.x and boostwatch might be using v4.x.x. There is a slight change in the navbar from v3 to v4 so that might be causing that issue.

[Jjampong]

Okay, is there a way to fix it?

[StaticBeagle]

The easiest will be to downgrade to boostwatch that's based on bootstrap3, bootswatch.com/3 , or alternatively you can update the html with the new bootstrap4 directives.

[Shouvik]

Now you can use latest version of Bootswatch (v4.1.3) - bootswatch.com Or you can use BootstrapPlusPlus. - bootstrapplusplus.com

[Admin]

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.