Skip to content

Commit 4c6f2b6

Browse files
authored
Add clarifying note to layout docs (#800)
1 parent 0532ffe commit 4c6f2b6

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

docs/components_page/components/layout.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ lead: Components for laying out your Dash app, including wrapping containers, an
55

66
## Examples
77

8+
**Note:** the rows and columns in the examples below have had additional styles applied to them with CSS to make sure that the effects of different arguments are clear. If you copy the snippets your rows and columns will not have these extra styles applied. Specifically the contents will not have a border and background colour, the rows will not have a background colour or bottom margin.
9+
810
Layout in Bootstrap is controlled using the grid system. The Bootstrap grid has twelve columns, and six responsive tiers (allowing you to specify different behaviours on different screen sizes, see below). The width of your columns can be specified in terms of how many of the twelve grid columns it should span, or you can allow the columns to expand or shrink to fit either their content or the available space in the row.
911

1012
There are three main layout components in _dash-bootstrap-components_: `Container`, `Row`, and `Col`.

0 commit comments

Comments
 (0)