Skip to content
Search

V-container

lastmod 2021-07-13created 2021-07-136 edits

v-container provides the ability to center your site's content and fill it horizontally.

You can also use #fluid to fully extend the container across all viewport and device sizes.

Props are passed to the class of v-container, which keeps the previous 1.x functionality of easily applying helper classes (e.g. ma-#/pa-#/fill-height). <- <span style="color: red">But let's not use it.

Props

Name

Type

Default

Description

fluid

boolean

false

Removes the viewport maximum-width size breakpoints.

id

string

undefined

Sets the DOM id on the component

tag

string

'div'

Specify a custom tag used on the root element.

fluid

  • Always takes the maximum width instead of changing size with the screen
  • Probably fine to use when no resizing is needed

See also

Favorite site

author Zer0 sitemap