{{ error }}

Themes


These themes are provided by Bootswatch.

  Note: Selecting a theme will override all variables.

Default

Set all variables to Bootstrap defaults

Preview  

Set Theme

Preview  

Set ThemeRemove Theme
Removing a theme will only remove extra LESS styles added by the theme. To reset variables, set the "Default" theme above.

Fonts


Use the fields below to specify default fonts.

You can also search for custom fonts to include via Google Fonts

Font Styles


Add Fonts


{{ previewText || "How quickly 123 daft jumping zebras vex." }}

Colors


Here you can choose the colors you want to use for your bootstrap theme.

{{ group.name }}


Sizes


Use these fields to change spacing, padding, and sizes of Bootstrap elements.


Variables


These are some miscellaneous variables you can use to control the look of Bootstrap.


Preview


Sick of using copy/paste?  Run Strapping! locally to automatically edit your CSS on disk.

You can copy the CSS below into your project

Copy  {{ css }}

You can use this config to store your settings.

Copy  {{ stringify(settings, removeAngularKeys, 2) }}