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
- Checkout the relevant branch (
main=latest=Bootstrap 5,v4=Bootstrap 4) - Create a PR branch
- Run
hugo mod get -u github.com/twbs/bootstrap - Verify that
go.modis updated with correct version (runhugo mod graph). - Do
cd exampleSiteand runhugo serverand make sure it works (and thatgithub.com/twbs/bootstrapversion is as expected in the table). - Create a Pull Request and verify that it builds and that the Netlify preview works.