mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-22 14:52:17 +01:00
2f7184e125
Some checks are pending
BrowserStack / browserstack (push) Waiting to run
Bundlewatch / bundlewatch (push) Waiting to run
CodeQL / Analyze (push) Waiting to run
cspell / cspell (push) Waiting to run
CSS / css (push) Waiting to run
Docs / docs (push) Waiting to run
JS Tests / JS Tests (push) Waiting to run
Lint / lint (push) Waiting to run
CSS (node-sass) / css (push) Waiting to run
Release notes / update_release_draft (push) Waiting to run
24 lines
1.2 KiB
HTML
24 lines
1.2 KiB
HTML
<section class="row g-3 g-md-5 pb-md-5 mb-5 align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="masthead-followup-icon d-inline-block mb-3" style="--bg-rgb: var(--bd-teal-rgb);">
|
|
{{ partial "icons/circle-square.svg" (dict "width" "32" "height" "32") }}
|
|
</div>
|
|
<h2 class="display-5 mb-3 fw-semibold lh-sm">Personalize it with Bootstrap Icons</h2>
|
|
<p class="lead fw-normal">
|
|
<a href="{{ .Site.Params.icons }}">Bootstrap Icons</a> is an open source SVG icon library featuring over 1,800 glyphs, with more added every release. They're designed to work in any project, whether you use Bootstrap itself or not. Use them as SVGs or icon fonts—both options give you vector scaling and easy customization via CSS.
|
|
</p>
|
|
<p class="d-flex lead fw-normal mb-md-0">
|
|
<a href="{{ .Site.Params.icons }}" class="icon-link icon-link-hover fw-semibold">
|
|
Get Bootstrap Icons
|
|
<svg class="bi" aria-hidden="true"><use xlink:href="#arrow-right"></use></svg>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
{{ partial "responsive-img" (dict "context" .
|
|
"imgPath" "/assets/img/bootstrap-icons.png"
|
|
"alt" "Bootstrap Icons"
|
|
"classes" "d-block mt-3") }}
|
|
</div>
|
|
</section>
|