View on GitHub

Docs reference

Examples of Bootstrap’s documentation-specific components and styles.

On this page

Buttons

Callouts

Default callout

Warning callout

Danger callout

Code example

.test {
  --color: blue;
}

The HTML abbreviation element.

This is a test.

html

<div class="test">This is a test.</div>

scss/_variables.scss

$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));

site/assets/js/snippets.js

const toastTrigger = document.getElementById('liveToastBtn')
const toastLiveExample = document.getElementById('liveToast')

if (toastTrigger) {
  const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample)
  toastTrigger.addEventListener('click', () => {
    toastBootstrap.show()
  })
}