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/src/assets/partials/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()
    })
  }