This is a Hugo module that packages the Bootstrap v5 SCSS and JavaScript source ready to be used in Hugo.
For Bootstrap v4, see the v4 branch.
You need the Hugo extended version and Go to use this component.
Add the component to your Hugo site's config:
[module]
[[module.imports]]
path = "github.com/gohugoio/hugo-mod-bootstrap-scss/v5"
The Bootstrap SCSS will be mounted in assets/scss/bootstrap
, so you can then import either all:
@import "bootstrap/bootstrap";
Or only what you need:
// Configuration
@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/mixins";
@import "bootstrap/utilities";
// Layout & components
@import "bootstrap/root";
@import "bootstrap/reboot";
@import "bootstrap/type";
@import "bootstrap/images";
@import "bootstrap/containers";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";
@import "bootstrap/transitions";
@import "bootstrap/dropdown";
@import "bootstrap/button-group";
@import "bootstrap/nav";
@import "bootstrap/navbar";
@import "bootstrap/card";
@import "bootstrap/accordion";
@import "bootstrap/breadcrumb";
@import "bootstrap/pagination";
@import "bootstrap/badge";
@import "bootstrap/alert";
@import "bootstrap/progress";
@import "bootstrap/list-group";
@import "bootstrap/close";
@import "bootstrap/toasts";
@import "bootstrap/modal";
@import "bootstrap/tooltip";
@import "bootstrap/popover";
@import "bootstrap/carousel";
@import "bootstrap/spinners";
@import "bootstrap/offcanvas";
// Helpers
@import "bootstrap/helpers";
// Utilities
@import "bootstrap/utilities/api";
See the Example Site.
This repository will be versioned following https://github.com/bep/semverpair
main
=latest=Bootstrap 5, v4
=Bootstrap 4)hugo mod get -u github.com/twbs/bootstrap
go.mod
is updated with correct version (run hugo mod graph
).cd exampleSite
and run hugo server
and make sure it works (and that github.com/twbs/bootstrap
version is as expected in the table).