← Back to blog
Duncan
Pairing Antlers with Bootstrap
How template tags output HTML, and where the Bootstrap theme layer takes over.
Antlers loops
Use collection tags to list entries:
{{ collection:blog limit="3" }}
<article>{{ title }}</article>
{{ /collection:blog }}
Bootstrap 5
Markup in .antlers.html files uses Bootstrap utilities and components. Brand-specific
rules — bands, pill buttons, flat grey cards — live in resources/scss/_components.scss,
themed from the variable overrides in resources/scss/_variables.scss.