bootstrap-vue
Version:
BootstrapVue, with over 40 plugins and more than 80 custom components, custom directives, and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-AR
143 lines (142 loc) • 5.3 kB
JSON
{
"name": "@bootstrap-vue/layout",
"version": "1.0.0",
"meta": {
"title": "Layout and Grid System",
"description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
"slug": "layout",
"components": [
{
"component": "BContainer",
"props": [
{
"prop": "fluid",
"description": "When set to true, makes the row 100% wide all the time, or set to one of the Bootstrap breakpoint names for 100% width up to the breakpoint (requires Bootstrap v4.4+ CSS for breakpoint specific value)"
}
]
},
{
"component": "BRow",
"props": [
{
"prop": "noGutters",
"description": "When set, removes the margin from the row and removes the padding from the child columns"
},
{
"prop": "alignV",
"description": "Vertical alignment of all columns in a row: 'start', 'center', or 'end'"
},
{
"prop": "alignH",
"description": "Horizontal alignment/spacing of all columns: 'start', 'center', 'end', 'around', or 'between'"
},
{
"prop": "alignContent",
"description": "Align columns items together on the cross axis: 'start', 'center', 'end', 'around', 'between' or 'stretch'. Has no effect on single rows of items"
},
{
"prop": "cols",
"version": "2.2.0",
"description": "The number row columns to create at the 'xs' breakpoint. Requires Bootstrap v4.4 CSS"
},
{
"prop": "colsSm",
"version": "2.2.0",
"description": "The number row columns to create at the 'sm' breakpoint. Requires Bootstrap v4.4 CSS"
},
{
"prop": "colsMd",
"version": "2.2.0",
"description": "The number row columns to create at the 'md' breakpoint. Requires Bootstrap v4.4 CSS"
},
{
"prop": "colsLg",
"version": "2.2.0",
"description": "The number row columns to create at the 'lg' breakpoint. Requires Bootstrap v4.4 CSS"
},
{
"prop": "colsXl",
"version": "2.2.0",
"description": "The number row columns to create at the 'xl' breakpoint. Requires Bootstrap v4.4 CSS"
}
]
},
{
"component": "BCol",
"props": [
{
"prop": "alignSelf",
"description": "Vertical alignment of the grid cell with respect to the row: 'start', 'center', or 'end'"
},
{
"prop": "col",
"description": "When true makes an equal width column grid cell spans for xs and up breakpoints"
},
{
"prop": "cols",
"description": "Number of columns the grid cell spans for xs and up breakpoints"
},
{
"prop": "sm",
"description": "Number of columns the grid cell spans for sm and up breakpoints"
},
{
"prop": "md",
"description": "Number of columns the grid cell spans for md and up breakpoints"
},
{
"prop": "lg",
"description": "Number of columns the grid cell spans for lg and up breakpoints"
},
{
"prop": "xl",
"description": "Number of columns the grid cell spans for xl and up breakpoints"
},
{
"prop": "offset",
"description": "Number of columns the grid cell is offset for xs and up breakpoints"
},
{
"prop": "offsetSm",
"description": "Number of columns the grid cell is offset for sm and up breakpoints"
},
{
"prop": "offsetMd",
"description": "Number of columns the grid cell is offset for md and up breakpoints"
},
{
"prop": "offsetLg",
"description": "Number of columns the grid cell is offset for lg and up breakpoints"
},
{
"prop": "offsetXl",
"description": "Number of columns the grid cell is offset for xl and up breakpoints"
},
{
"prop": "order",
"description": "Flex order of the grid cell for xs and up breakpoints"
},
{
"prop": "orderSm",
"description": "Flex order of the grid cell for sm and up breakpoints"
},
{
"prop": "orderMd",
"description": "Flex order of the grid cell for md and up breakpoints"
},
{
"prop": "orderLg",
"description": "Flex order of the grid cell for lg and up breakpoints"
},
{
"prop": "orderXl",
"description": "Flex order of the grid cell for xl and up breakpoints"
}
]
},
{
"component": "BFormRow"
}
]
}
}