bootstrap

View on GitHub

bootstrap.lukkian

You've successfully loaded up the bootstrap.lukkian project! It's loaded up with Bootstrap, Bootstrap Icons, and tooling for compiling sass.

- based on Bootstrap npm starter template.

List of main customizations:

Example link
95%
Primary Secondary Success Danger Warning Info Light Dark
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Works with any button colors, just use the .btn-icon-split class and the markup in the examples below. The examples below also use the .text-white-50 helper class on the icons for additional styling, but it is not required.

Split Button Primary
Split Button Secondary
Split Button Success
Split Button Info
Split Button Warning
Split Button Danger
Split Button Light
Split Button Dark

Also works with small and large button classes!

Split Button Small
Split Button Large

Use Bootstrap Icons along with the circle buttons as shown in the examples below!

.btn-circle .btn-sm
00 99
.btn-circle
00 99
.btn-circle .btn-lg
00 99

Bootstrap Icons

Bootstrap Icons are included with the web font here, but there are other usage options, too. They're styleable with text utilities and more.

Guides

Read more detailed instructions and documentation on using or contributing to Bootstrap.

Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.