Change The Size Of Bootstrap Colorpicker

The colorpicker documentation mentions that you have to define the slider and class properties while initializing the colorpicker for making it bigger. In this way, you don't have to make changes during the colorpicker initialization. You make your change once, and it will work for every initialization.

For making the colorpicker larger, you have to find the below-mentioned classes in the bootstrap-colorpicker.css file and replace the properties according to below-mentioned styles. This will also work in responsive UI.