... | @@ -191,4 +191,29 @@ _Introduction to Flexbox:_ |
... | @@ -191,4 +191,29 @@ _Introduction to Flexbox:_ |
|
_Grid Row:_
|
|
_Grid Row:_
|
|
|
|
|
|
|
|
|
|
Этот раздел предоставляет список CSS-классов, которые могут использоваться для создания сложных адаптивных макетов. Эти классы позволяют настраивать размеры столбцов на устройствах разных размеров, а также управлять выравниванием и расположением элементов внутри строки. Классы могут быть использованы для создания отзывчивого пользовательского интерфейса. Список классов можно найти на сайте. |
|
Этот раздел предоставляет список CSS-классов, которые могут использоваться для создания сложных адаптивных макетов. Эти классы позволяют настраивать размеры столбцов на устройствах разных размеров, а также управлять выравниванием и расположением элементов внутри строки. Классы могут быть использованы для создания отзывчивого пользовательского интерфейса. Список классов можно найти на сайте.
|
|
\ No newline at end of file |
|
|
|
|
|
|
|
|
|
_Grid Column:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за создание колонок в сетке, используя CSS-свойства Flexbox. В этом разделе можно найти информацию о том, как создавать колонки с помощью классов, как управлять высотой и шириной колонок, а также как создавать колонки с автоматической высотой или шириной. Кроме того, здесь можно найти информацию о том, как создавать разрывы между колонками и как использовать классы для создания отступов между элементами в колонках.
|
|
|
|
|
|
|
|
|
|
|
|
_Grid Gutter:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за создание отступов между элементами в сетке, используя CSS-свойства Flexbox. В этом разделе можно найти информацию о том, как создавать отступы между элементами в строке с помощью классов q-gutter-{size} и q-col-gutter-{size}. Первый класс используется, когда элементы, которые вы хотите разместить на равном расстоянии друг от друга, не используют классы col-* или offset-. Второй класс применяется, когда элементы используют классы col- или offset-* для задания ширины. Кроме того, в разделе описывается, как применять классы q-gutter-* и q-col-gutter-* в сочетании с другими классами для создания отступов между элементами в колонках и строках.
|
|
|
|
|
|
|
|
|
|
|
|
_Flexbox Patterns:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел содержит общие шаблоны для использования Flexbox. Здесь можно найти информацию о том, как создавать разрывы в строках и столбцах, как управлять высотой и шириной элементов, а также как использовать классы для создания отступов между элементами. Кроме того, в разделе описывается, как использовать классы для создания масонских сеток.
|
|
|
|
|
|
|
|
|
|
|
|
_Flex Grid Playground:_
|
|
|
|
|
|
|
|
|
|
|
|
Данный раздел представляет собой интерактивную площадку для создания сетки с использованием Flexbox. Здесь вы можете создавать свою сетку, настраивать ее и копировать значения для использования в своих проектах. Этот раздел поможет вам лучше понять, как работает Flexbox и как использовать его для создания сеток.
|
|
|
|
|