View on GitHub

Containers

We’ve introduced a component for vertically aligning content with container content middle and bottom. This is particularly useful for sign in and other simple pages.

On this page

Examples

Support for multiple, stackable modal bodies and scrolling bodies using the .modal-body-scroller modifier.

Vertically centered content.

html

<div class="container-fill-height">
  <div class="container-content-middle">
    Vertically centered content.
  </div>
</div>

CSS

Sass variables

$container-spacious-padding-x: ($grid-gutter-width * .5) * 2.7;