Lines Matching refs:columns

8 …across devices with different sizes. By dividing a page into equal-width columns and rows, you can…
12 …ommodate special layout requirements. You can adjust the spacing between columns and between rows …
64 …columns is 12. Breakpoints are used to divide the application window width into six ranges. In dif…
81          xs: 2, // The GridCol component occupies two grid columns on the minimum-width device.
82          sm: 3, // The GridCol component occupies three grid columns on the small-width device.
83          md: 4, // The GridCol component occupies four grid columns on the medium-width device.
84          lg: 6, // The GridCol component occupies six grid columns on the large-width device.
85 …       xl: 8, // The GridCol component occupies eight grid columns on the extra-large-width device.
86 …   xxl: 12 // The GridCol component occupies 12 grid columns on the extra-extra-large-width device.
102 In the **GridRow**, **columns** is used to set the total number of columns in the responsive grid l…
104 - The default value of **columns** is 12. If **columns** is not set, the responsive grid layout is …
125 …columns** is set to a number, the responsive grid layout is divided into the specified number of c…
141     GridRow({ columns: 4 }) {
161     GridRow({ columns: 8 }) {
183 - When **columns** is set to a value of the **GridRowColumnOption** type, you can assign values spe…
189 …GridRow({ columns: { sm: 4, md: 8 }, breakpoints: { value: ['200vp', '300vp', '400vp', '500vp', '6…
202 …columns** is only set for the sm and md screen size types, screen sizes smaller than sm use the de…
290 Sets the number of columns occupied by a child component in the grid layout, which determines the c…
292 - When the value type is number, the number of columns occupied by the child component is the same …
300     GridRow({ columns: 8 }) {
322     GridRow({ columns: 8 }) {
363 …to 12 columns and each child component occupies one column with an offset of two columns. Each row…
460 …ple, the pink area is made up of 12 columns of the screen space, and the green and blue areas take…