Use [GitHub's "reactions" feature](https://blog.github.com/2016-03-10-add-reactions-to-pull-requests-issues-and-comments/)
instead. We reserve the right to delete comments which violate this rule.
-- Please **do not** open issues regarding the official themes offered on <https://themes.getbootstrap.com/>.
- Instead, please email any questions or feedback regarding those themes to `themes AT getbootstrap DOT com`.
-
## Issues assignment
·
<a href="https://github.com/twbs/bootstrap/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a>
·
- <a href="https://themes.getbootstrap.com/">Themes</a>
- ·
<a href="https://blog.getbootstrap.com/">Blog</a>
</p>
x: "getbootstrap"
opencollective: "https://opencollective.com/bootstrap"
blog: "https://blog.getbootstrap.com/"
-themes: "https://themes.getbootstrap.com/"
icons: "https://icons.getbootstrap.com/"
swag: "https://cottonbureau.com/people/bootstrap"
<li class="mb-2"><a href={getVersionedDocsPath('/')}>Docs</a></li>
<li class="mb-2"><a href={getVersionedDocsPath('examples')}>Examples</a></li>
<li class="mb-2"><a href={getConfig().icons}>Icons</a></li>
- <li class="mb-2"><a href={getConfig().themes}>Themes</a></li>
<li class="mb-2"><a href={getConfig().blog}>Blog</a></li>
<li class="mb-2"><a href={getConfig().swag} target="_blank" rel="noopener">Swag Store</a></li>
</ul>
</LinkItem>
<LinkItem active={title === 'Examples'} href={getVersionedDocsPath('examples/')} track>Examples</LinkItem>
<LinkItem href={getConfig().icons} target="_blank" rel="noopener" track>Icons</LinkItem>
- <LinkItem href={getConfig().themes} target="_blank" rel="noopener" track>Themes</LinkItem>
<LinkItem href={getConfig().blog} target="_blank" rel="noopener" track>Blog</LinkItem>
</ul>
+++ /dev/null
----
-import { getConfig } from '@libs/config'
-import DropletFillIcon from '@components/icons/DropletFillIcon.astro'
-import ResponsiveImage from '@layouts/partials/ResponsiveImage.astro'
----
-
-<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-violet-rgb);">
- <DropletFillIcon height={32} width={32} />
- </div>
- <h2 class="display-5 mb-3 fw-semibold lh-sm">Make it yours with official Bootstrap Themes</h2>
- <p class="lead fw-normal">
- Take Bootstrap to the next level with premium themes from the <a href={getConfig().themes}
- >official Bootstrap Themes marketplace</a
- >. Themes are built on Bootstrap as their own extended frameworks, rich with new components and plugins,
- documentation, and powerful build tools.
- </p>
- <p class="d-flex lead fw-normal mb-md-0">
- <a href={getConfig().themes} class="icon-link icon-link-hover fw-semibold">
- Browse Bootstrap Themes
- <svg class="bi" aria-hidden="true"><use xlink:href="#arrow-right"></use></svg>
- </a>
- </p>
- </div>
- <div class="col-lg-6">
- <ResponsiveImage
- imgPath="/assets/img/bootstrap-themes.png"
- alt="Bootstrap Themes"
- width={700}
- height={500}
- classes="d-block mt-3"
- />
- </div>
-</section>
+++ /dev/null
----
-import { getConfig } from '@libs/config'
-import { getVersionedDocsPath } from '@libs/path'
-import DropletFillIcon from '@components/icons/DropletFillIcon.astro'
-import ResponsiveImage from '@layouts/partials/ResponsiveImage.astro'
----
-
-<hr class="my-5" />
-<div class="container">
- <div class="text-center">
- <div class="masthead-followup-icon d-inline-block mb-2 text-bg-danger">
- <DropletFillIcon height={32} width={32} />
- </div>
- <h2 class="display-6 fw-normal">Go further with Bootstrap Themes</h2>
- <p class="col-md-10 col-lg-8 mx-auto lead">
- Need something more than these examples? Take Bootstrap to the next level with premium themes from the <a
- href={getConfig().themes}>official Bootstrap Themes marketplace</a
- >. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and
- powerful build tools.
- </p>
- <a href={getConfig().themes} class="btn btn-lg btn-outline-primary mb-3">Browse themes</a>
- </div>
- <ResponsiveImage
- imgPath="/assets/img/bootstrap-themes-collage.png"
- alt="Bootstrap Themes"
- width={1150}
- height={320}
- classes="img-fluid mx-auto d-block mt-3"
- />
-</div>
rfs_version: zPrefixedVersionSemver,
subtitle: z.string(),
swag: z.string().url(),
- themes: z.string().url(),
title: z.string(),
toc: z.object({
min: z.number(),
---
import SingleLayout from '@layouts/SingleLayout.astro'
import { getConfig } from '@libs/config'
-import BsThemes from '@layouts/partials/BsThemes.astro'
import ExamplesMain from '@layouts/partials/ExamplesMain.astro'
export function getStaticPaths() {
return [
</div>
<Fragment slot="main-content">
<ExamplesMain />
- <BsThemes />
</Fragment>
</SingleLayout>
import MastHead from '@components/home/MastHead.astro'
import Plugins from '@components/home/Plugins.astro'
import Icons from '@components/home/Icons.astro'
-import Themes from '@components/home/Themes.astro'
---
<BaseLayout>
<ComponentUtilities />
<Plugins />
<Icons />
- <Themes />
</div>
</BaseLayout>