mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-10 03:46:13 +01:00
24f749cb76
Also: * load any docs' third-party dependencies from node_modules (except for examples) * exclude docsearch from layouts that don't use it * preconnect to algolia only when not examples layout * switch to `RelPermalink` * refactor JS assets into partials
50 lines
963 B
Markdown
50 lines
963 B
Markdown
---
|
|
layout: docs
|
|
title: Docs reference
|
|
description: Examples of Bootstrap's documentation-specific components and styles.
|
|
aliases: "/docsref/"
|
|
toc: true
|
|
robots: noindex,follow
|
|
sitemap_exclude: true
|
|
---
|
|
|
|
## Buttons
|
|
|
|
<button class="btn btn-bd-primary">Primary button</button>
|
|
<button class="btn btn-bd-accent">Accent button</button>
|
|
<button class="btn btn-bd-light">Light button</button>
|
|
|
|
## Callouts
|
|
|
|
{{< callout >}}
|
|
Default callout
|
|
{{< /callout >}}
|
|
|
|
{{< callout warning >}}
|
|
Warning callout
|
|
{{< /callout >}}
|
|
|
|
{{< callout danger >}}
|
|
Danger callout
|
|
{{< /callout >}}
|
|
|
|
## Code example
|
|
|
|
```scss
|
|
.test {
|
|
--color: blue;
|
|
}
|
|
```
|
|
|
|
<div class="bd-example">
|
|
The <abbr title="HyperText Markup Language">HTML</abbr> abbreviation element.
|
|
</div>
|
|
|
|
{{< example >}}
|
|
<div class="test">This is a test.</div>
|
|
{{< /example >}}
|
|
|
|
{{< scss-docs name="variable-gradient" file="scss/_variables.scss" >}}
|
|
|
|
{{< js-docs name="live-toast" file="site/assets/js/partials/snippets.js" >}}
|