ComboStrap - Bootstrap

Undraw Dark Mode 2xam


bootstrap is the default UI system used by ComboStrap.

We use by default, the latest Bootstrap version supported.

You can


Use all Bootstrap utilities with the class attributes

ComboStrap mades the class attributes available and allows then to use all Bootstrap utilities.

Check the class article to know more about it.


ComboStrap comes with the standard Bootstrap stylesheet and several custom one. You can even create and install a custom one for your need.

See stylesheet bootstrap


version and stylesheet

You may change the BootStrap version and a corresponding See stylesheet with the bootstrapVersionStylesheet configuration


Actually, there are three Bootstrap versions supported:

After the version, you will find the stylesheet name.

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
Undraw Animating
ComboStrap Styling - How to create and add your own Bootstrap stylesheet

This article shows you how to create and install your own custom Bootstrap Stylesheet to fit your styling needs. This article was written for Bootstrap 4 but the steps should be relatively the same...
How can I choose the Bootstrap StyleSheet?

ComboStrap comes with: the standard Bootstrap stylesheet and the bootswatch themes You can choose your stylesheet via the Bootstrap Stylesheet Version configuration....
Combostrap Default Theme File Explorer
How to create your own theme?

This page shows you how to create your own theme. You can then apply advanced design and logic to your whole website application. Combostrap uses a theme system where: each page has its own template...
Reduce Unused Javascript Dokuwiki Lightouse
How to speed up your page performance for search engines?

public front end optimization is a ComboStrap module that reduces the page overhead when a public / anonymous / search engine user is navigating your website in order to speed performance and increase...

Recommended Pages
Primary Secondary Color
Branding Colors (primary, secondary)

The branding colors are the most dominant colors of your theme. They bring a connection to your brand.
Undraw Dark Mode 2xam
CSS Variable

This is an advanced CSS topic that you can use while creating your theme. You can set CSS variables: to have a global set of CSS values to customize the bootstrap stylesheet CSS If you want to...
Jquery Version Browser Console
ComboStrap - JQuery

jquery is available in the strap template. To get the JQuery Version, you need to open the browser:consoleBrowser console and type Example: bootstrap version 5 Bootstrap 4 is packaged with...
Undraw My Documents
ComboStrap Styling - Border

The border is the line that delimits the block components. Every block component will react to the styling attribute border-color that sets the color of their border. Example with the generic box...
Undraw My Documents
ComboStrap Styling - Class attribute

Because all ComboStrap UI component are implemented as super set HTML element, you can apply the class attributes. The class attribute is used intensively by Bootstrap to apply the Bootstrap...
Undraw My Documents
ComboStrap Styling - Design System

The ComboStrap design system takes all the good part of Boostrap but does not stop there as it also integrates Google Material Design recommandations ComboStrap applies the following Google...
Undraw My Documents
ComboStrap UI - Styling

Styling in ComboStrap is the possibility to render every component as you wish. ComboStrap has three levels of styling: the bootstrap stylesheet level - bootstrap standard theme the user stylesheet...
Default Component Stylesheet File Explorer
Component Stylesheet

This functionality gives the possibility for Web Designers to customize the style of Combostrap components. If a stylesheet with the name of a component is found in the components/css directory of a...
Undraw My Documents
Hover animation

Improve the emphasis of your component by adding onHover animation
How to set the language (RTL/LTR) ?

In ComboStrap, you can define a language: for the application: (the default value for all pages) for a page: for a component: The language is identified by a language identifier value known...

Task Runner