Skip to content

able-sbcadmin/hugo-mod-bootstrap-scss

 
 

Repository files navigation

Netlify Status   Test Site

This is a Hugo module that packages the Bootstrap v5 SCSS 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.

Use

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";

Versions

This repository will be versioned following https://github.com/bep/semverpair

How to Upgrade Bootstrap

  1. Checkout the relevant branch (main=latest=Bootstrap 5, v4=Bootstrap 4)
  2. Create a PR branch
  3. Run hugo mod get -u github.com/twbs/bootstrap
  4. Verify that go.mod is updated with correct version (run hugo mod graph).
  5. Do cd exampleSite and run hugo server and make sure it works (and that github.com/twbs/bootstrap version is as expected in the table).
  6. Create a Pull Request and verify that it builds and that the Netlify preview works.

About

Packages Bootstrap SCSS (v4 and v5) as a Hugo Module

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 98.4%
  • SCSS 1.6%