ドキュメントリファレンス Docs reference

Bootstrapのドキュメント固有のコンポーネントとスタイルの例です。

On this page

ボタン

コールアウト

デフォルトのコールアウト

警告のコールアウト

危険のコールアウト

コード例

.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()
  })
}