Browse Source

doc: update

pull/4941/head
tangjinzhou 3 years ago
parent
commit
8dfe7eed8b
  1. 10
      components/grid/index.en-US.md
  2. 6
      components/grid/index.zh-CN.md

10
components/grid/index.en-US.md

@ -26,8 +26,8 @@ Following is a brief look at how it works:
- If the sum of \`col\` spans in a \`row\` are more than 24, then the overflowing \`col\` as a whole will start a new line arrangement. - If the sum of \`col\` spans in a \`row\` are more than 24, then the overflowing \`col\` as a whole will start a new line arrangement.
## Flex layout ## Flex layout
Our grid systems support Flex layout to allow the elements within the parent to be aligned horizontally - left, center, right, wide arrangement, and decentralized arrangement. The Grid system also supports vertical alignment - top aligned, vertically centered, bottom-aligned. You can also define the order of elements by using \`order\`.
Flex layout uses a 24 grid layout to define the width of each "box", but does not rigidly adhere to the grid layout. Our grid systems support Flex layout to allow the elements within the parent to be aligned horizontally - left, center, right, wide arrangement, and decentralized arrangement. The Grid system also supports vertical alignment - top aligned, vertically centered, bottom-aligned. You can also define the order of elements by using \`order\`. Flex layout uses a 24 grid layout to define the width of each "box", but does not rigidly adhere to the grid layout.
## API ## API
@ -58,9 +58,3 @@ Flex layout uses a 24 grid layout to define the width of each "box", but does no
| xxl | `≥1600px`, could be a `span` value or an object containing above props | number\|object | - | | xxl | `≥1600px`, could be a `span` value or an object containing above props | number\|object | - |
The breakpoints of responsive grid follow [BootStrap 4 media queries rules](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints)(not including `occasionally part`). The breakpoints of responsive grid follow [BootStrap 4 media queries rules](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints)(not including `occasionally part`).
## FAQ
### How to support IE9 when using responsive?
You can use [matchMedia polyfill](https://github.com/paulirish/matchMedia.js/) to handle this.

6
components/grid/index.zh-CN.md

@ -55,9 +55,3 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
| xxl | `≥1600px` 响应式栅格,可为栅格数或一个包含其他属性的对象 | number\|object | - | | xxl | `≥1600px` 响应式栅格,可为栅格数或一个包含其他属性的对象 | number\|object | - |
响应式栅格的断点扩展自 [BootStrap 4 的规则](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints)(不包含链接里 `occasionally` 的部分)。 响应式栅格的断点扩展自 [BootStrap 4 的规则](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints)(不包含链接里 `occasionally` 的部分)。
## FAQ
### IE9 响应式不工作怎么办?
可以引入 [matchMedia polyfill](https://github.com/paulirish/matchMedia.js/) 添加支持。

Loading…
Cancel
Save