Setup

Setup hugolify-theme-bootstrap

hugolify-theme-bootstrap

Bootstrap is include in hugolify-theme-bootstrap module.

It provides Bootstrap 5:

SASS components and variables
Bootstrap Icons
Bootstrap JS components
Vanilla JS

hugolify-theme-bootstrap on GitHub

What it provides

Bootstrap 5 (CSS + SASS + JS)
Bootstrap Icons
SASS variables (abstracts/_variables.sass)
Vendor packages (vendors/_packages.sass)
Bootstrap JS component overrides (menu, tooltip, search…)
Semantic column classes (col-small, col-medium…)
Semantic badge classes (badge-primary, badge-success…)
5 color themes

Install

# /config/_default/module.yaml
imports:
  - path: github.com/hugolify/hugolify-theme-bootstrap
  - path: github.com/hugolify/hugolify-theme
  - path: github.com/hugolify/hugolify-admin

Color themes

Five color themes are available, defined as SASS variable sets:

See available themes

Migration from v1

In v1, Bootstrap was bundled directly inside hugolify-theme. No styling module needed to be declared.

In v2, declare hugolify-theme-bootstrap explicitly:

# /config/_default/module.yaml
imports:
  - path: github.com/hugolify/hugolify-theme-bootstrap  # add this
  - path: github.com/hugolify/hugolify-theme
  - path: github.com/hugolify/hugolify-admin

No template or content changes are required — the rendering is identical to v1.