Switching between Twitter Bootstrap Themes?

Question

I\'m working on a project for a client built on Twitter Bootstrap. He wants to have different colour schemes that the user can select from. For example have a Red Colour Scheme

Answer 1

I tested this on IE11, Chrome, Firefox and it works:

1.

2.

Cerulean

3. Code:

   function changeCurrentTheme(theNewThemeName) {
     $("#theBoostrapTheme").attr("href", "Content/bootstrap-theme.min" + theNewThemeName + ".css");
     }
   

In this case the theme files other than the original were named like this: bootstrap-theme.min_ …. .css. For example: bootstrap-theme.min_Cerulean.css