Skip to content

Migrating from Bootstrap v3

Jump to bottom
Dan Matthew edited this page May 10, 2021 · 4 revisions

The following Bootstrap v3 components no longer exist, but we have included them for reasons of backwards compatibility:

  • .page-header
  • .form-group
  • .label
  • .btn-default
  • .btn-xs
  • .well
  • .pager

Page header

Provides an underline and spacing around the page title.

Form group

The Bootstrap team have retired this in favour of wrapping <label> and <input> in a <div> with a utility class like .mb5. For the sake of consistency, we provide .form-group class with a standardised margin.

Labels (component)

Gone (or merged?) with the 'Badges' component.

Labels (class applied to label element)

Provided for backwards compatibility: adds a small amount of margin-bottom.

Well

It's just a container with a coloured background and some padding, but we've provided .well

Buttons

  • Bootstrap v5 provides a new button variant: btn-outline-[modifier]. For more control, the Talis theme uses the button-variant() mixin as the base for .btn-default|success|warning|info|link, while the equivalent .btn-outline- states extend .btn-default class.
  • New modifiers include light and dark. These have yet to be integrated.

sr-only

Provided for reasons of backwards-compatibility, but prefer the provided .visually-hidden class: a more obvious name, and also less tied to one particular use-case.

Clone this wiki locally