How to dynamically change themes after clicking a drop down menu of themes

Question

I\'m using bootstrap for the interface of the website I\'m developing. I am also planning to integrate the bootswatch themes to my site. I have created a dropdown menu conta

Answer 1

I based mine off of @KevinPei's answer to make an automatic dropdown using jQuery, Bootstrap, and Bootswatch to add a dropdown to the navbar that automatically updates the theme to the selected value.

Fiddle: https://jsfiddle.net/davfive/uwseLLzf/show

The code works great in practice. However, in jsfiddle, there are two odd behaviors:

1. Sometimes the dropdown extends to the whole screen
2. The dropdown's mouseover/hover color isn't showing in jsfiddle.

---

    
    
    
    



  

    Bootswatch Theme Changer
    

        

          Change Theme 
          

            
Cerulean
            

            
Cerulean
            
Cosmo
            
Cyborg
            
Darkly
            
Flatly
            
Journal
            
Lumen
            
Paper
            
Readable
            
Sandstone
            
Simplex
            
Slate
            
Solar
            
Spacelab
            
Superhero
            
United
            
Yeti