
No matter which approach you go with, the end result should always be a regular CSS file that contains the core of the Bootstrap framework together with any style changes you've added. Other methods depending on your build tools and the version of Bootstrap you are using.Manually editing the Bootstrap compiled distribution CSS file.Modifying the CSS variables (opens new window) Bootstrap exposes to change the default theme colors and styles.Using SASS (opens new window) to extend the framework's source files and override theme variables (recommended).There are many ways to create custom Bootstrap builds: Get Bootstrap Studio and other amazing tools for free with your GitHub. The app also supports importing customized versions of the Bootstrap framework. In case you missed it, Bootstrap Studio 6.3 brings enhanced template importing. This will change the colors and appearance of things like navbars, buttons, cards and more. To select a different theme for your design, you need to open the Settings dialog and choose a different theme from the dropdown. Whereas "templates" are the complete preassembled designs you can see in the New Design dialog (Ctrl/Cmd + N).

In Bootstrap Studio with "themes" we refer to customized versions of the Bootstrap framework.
