Contact us Search Login
← 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.