Examples

Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.

Starters

Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more you can edit in StackBlitz.

To get working OUDS Web examples based on the Bootstrap ones, you need to replace all bootstrap occurrences with ouds-web in some files.

You may need to tweak a bit Sass files.

Instantly include Bootstrap's compiled CSS and JavaScript via the jsDelivr CDN.

Use npm to import and compile Bootstrap's Sass with Autoprefixer and Stylelint, plus our bundled JavaScript.

Import and compile Bootstrap's Sass with Autoprefixer and Stylelint, and compile our source JavaScript with an ESM shim.

Import and compile Bootstrap's Sass with Stylelint, and the Bootstrap color modes.

Import and compile Bootstrap's Sass with Stylelint, PurgeCSS, and the Bootstrap Icons web font.

Import and bundle Bootstrap's source Sass and JavaScript via Parcel.

Import and bundle Bootstrap's source Sass and JavaScript with React, Next.js, and React Bootstrap.

Import and bundle Bootstrap's source Sass and JavaScript with Vite.

Import and bundle Bootstrap's source Sass and JavaScript with Vue and Vite.

Import and bundle Bootstrap's source Sass and JavaScript with Webpack.