gohugoio/hugo-mod-bootstrap-scss-v4

Bootstrap SCSS v4 packaged as a Hugo Module

This repo is replaced by https://github.com/gohugoio/hugo-mod-bootstrap-scss/tree/v4

---

This is a Hugo module that packages the Bootstrap v4 SCSS source ready to be used in Hugo.

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

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:

@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/mixins";
@import "bootstrap/root";
@import "bootstrap/reboot";
@import "bootstrap/type";
@import "bootstrap/images";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";
@import "bootstrap/transitions";
@import "bootstrap/dropdown";
@import "bootstrap/button-group";
@import "bootstrap/input-group";
@import "bootstrap/custom-forms";
@import "bootstrap/nav";
@import "bootstrap/navbar";
@import "bootstrap/card";
@import "bootstrap/breadcrumb";
@import "bootstrap/pagination";
@import "bootstrap/badge";
@import "bootstrap/jumbotron";
@import "bootstrap/alert";
@import "bootstrap/progress";
@import "bootstrap/media";
@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/utilities";
@import "bootstrap/print";

Versions

This repository will be versioned following the minor and patch versions in the v4 series of Bootstrap.

hugo-mod-bootstrap-scss-v4's Issues

Best practices for adding Bootstrap versions

This is my first attempt at contributing to a GitHub project so please bear with me. I’m following up on this support issue in the Hugo forum.

I thought about taking this approach:

For v4.0.0:

[module]
[[module.imports]]
path="github.com/twbs/bootstrap"
[[module.imports.mounts]]
source = "tree/v4.0.0/scss"
target = "assets/scss/bootstrap"

For v4.1.0:

[module]
[[module.imports]]
path="github.com/twbs/bootstrap"
[[module.imports.mounts]]
source = "tree/v4.1.0/scss"
target = "assets/scss/bootstrap"

and so on.

Is that an abuse of how import mounts are meant to work?

Sorry for the rookie questions; i’d love to be helpful here if I can.

Does this make sense?

See the README. I have tested that it works, and it's pretty easy to use, I'll have to say.