文档参考

Bootstrap 文档中特定组件和样式的示例。

按钮

🌐 Buttons

标注

🌐 Callouts

默认标注

警告提示

危险提醒

代码示例

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