1. Domino UI
  2. Layouts
  3. Responsive grids
Top 12 Columns 16 Columns 18 Columns 24 Columns 32 Columns Docs

Grid Layout

Row

Represents a row in a grid layout.

See also :

Column

Represents a column in a grid layout.

This class provides methods for configuring the size and offset of the column within the grid. You can set the column size for different screen sizes using the onXLarge , onLarge , onMedium , onSmall , and onXSmall methods. You can also set the offset for different screen sizes using the onXLargeOffset , onLargeOffset , onMediumOffset , onSmallOffset , and onXSmallOffset methods.

Usage example:

 
 Column column = Column.colspan(Span._6, Span._12);
 column.onLarge(Span._4)
       .onMedium(Span._3)
       .onSmall(Span._2)
       .onXSmall(Span._1);
 column.onLargeOffset(Offset._3)
       .onMediumOffset(Offset._2)
       .onSmallOffset(Offset._1)
       .onXSmallOffset(Offset._0_);

See also :

Anatomy

responsive-grids-anatomy.
  1. Grid rows, each row is 12, 16, 18, 24 or 32 column, Rows will wrap columns that exceeds the row max columns size.
  2. Grid columns, each row can have multiple columns, and each column can contain other elements.
  3. Columns can span over multiple row columns, so a single column element can preserve a space of more than one column, columns can also start from none zero offset so they dont start from the first row column.
  4. Row gaps, each row can have a consistent gap between its columns.

Examples

12 Columns Default row is a 12 columns grid.

16 Columns Responsive grid with 16 columns.

18 Columns Responsive grid with 18 columns.

24 Columns Responsive grid with 24 columns.

32 Columns Responsive grid with 32 columns.

Learn more

API Docs: Row

Browse full javadocs

Constructors

public void Row(Columns columns)
Constructs a new row with the specified number of columns.

columns

The number of columns in the row.

Static methods

public static Row create()
Creates a new row with 12 columns.

Returns:

A new row with 12 columns.

public static Row of12Columns()
Creates a new row with 12 columns.

Returns:

A new row with 12 columns.

public static Row of16Columns()
Creates a new row with 16 columns.

Returns:

A new row with 16 columns.

public static Row of18Columns()
Creates a new row with 18 columns.

Returns:

A new row with 18 columns.

public static Row of24Columns()
Creates a new row with 24 columns.

Returns:

A new row with 24 columns.

public static Row of32Columns()
Creates a new row with 32 columns.

Returns:

A new row with 32 columns.

Public methods

public Row setGap(String gap)
Sets the gap between elements in the row.

gap

The gap value to set.



Returns:

This Row instance.

public Row appendChild(Column column)
Appends a column to the row.

column

The column to append.



Returns:

This Row instance.

public Row span1(IsElement<?> content)
Appends a column with a span of 1 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span2(IsElement<?> content)
Appends a column with a span of 2 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span3(IsElement<?> content)
Appends a column with a span of 3 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span4(IsElement<?> content)
Appends a column with a span of 4 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span5(IsElement<?> content)
Appends a column with a span of 5 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span6(IsElement<?> content)
Appends a column with a span of 6 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span7(IsElement<?> content)
Appends a column with a span of 7 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span8(IsElement<?> content)
Appends a column with a span of 8 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span9(IsElement<?> content)
Appends a column with a span of 9 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span10(IsElement<?> content)
Appends a column with a span of 10 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span11(IsElement<?> content)
Appends a column with a span of 11 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span12(IsElement<?> content)
Appends a column with a span of 12 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span13(IsElement<?> content)
Appends a column with a span of 13 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span14(IsElement<?> content)
Appends a column with a span of 14 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span15(IsElement<?> content)
Appends a column with a span of 15 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span16(IsElement<?> content)
Appends a column with a span of 16 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span17(IsElement<?> content)
Appends a column with a span of 17 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span18(IsElement<?> content)
Appends a column with a span of 18 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span19(IsElement<?> content)
Appends a column with a span of 19 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span20(IsElement<?> content)
Appends a column with a span of 20 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span21(IsElement<?> content)
Appends a column with a span of 21 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span22(IsElement<?> content)
Appends a column with a span of 22 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span23(IsElement<?> content)
Appends a column with a span of 23 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span24(IsElement<?> content)
Appends a column with a span of 24 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span25(IsElement<?> content)
Appends a column with a span of 25 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span26(IsElement<?> content)
Appends a column with a span of 26 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span27(IsElement<?> content)
Appends a column with a span of 27 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span28(IsElement<?> content)
Appends a column with a span of 28 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span29(IsElement<?> content)
Appends a column with a span of 29 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span30(IsElement<?> content)
Appends a column with a span of 30 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span31(IsElement<?> content)
Appends a column with a span of 31 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public Row span32(IsElement<?> content)
Appends a column with a span of 32 to the row, containing the provided content.

content

The content to be placed in the column.



Returns:

This Row instance.

public HTMLDivElement element()
Check super implementation documentation. Returns the underlying HTMLDivElement of this Row.

Returns:

The HTMLDivElement element representing this Row.

API Docs: Column

Browse full javadocs

Static methods

public static Column colspan()
Creates a new column with default settings.

Returns:

a new Column instance.

public static Column colspan(Span xLarge, Span large, Span medium, Span small, Span xsmall)
Creates a new column with custom sizes for extra-large, large, medium, small, and extra-small screens.

xLarge

The size of the column for extra-large screens (>=1200px).

large

The size of the column for large screens (>=992px).

medium

The size of the column for medium screens (>=768px).

small

The size of the column for small screens (>=576px).

xsmall

The size of the column for extra-small screens (< 576px).



Returns:

This Column instance with the specified sizes.

public static Column colspan(Span large, Span medium, Span small, Span xsmall)
Creates a new column with custom sizes for large, medium, small, and extra-small screens.

large

The size of the column for large screens (>=992px).

medium

The size of the column for medium screens (>=768px).

small

The size of the column for small screens (>=576px).

xsmall

The size of the column for extra-small screens (< 576px).



Returns:

This Column instance with the specified sizes.

public static Column colspan(Span mediumAnUp, Span smallAndDown)
Creates a new column with custom sizes for medium and small screens, using the same size for both.

mediumAnUp

The size of the column for medium screens and up (>=768px).

smallAndDown

The size of the column for small screens and down (< =576px).



Returns:

This Column instance with the specified sizes.

public static Column colspan(Span span)
Creates a new column with the same custom size for all screen sizes.

span

The size of the column for all screen sizes.



Returns:

This Column instance with the specified size for all screen sizes.

public static Column span1()
Creates a new column with a size of 1 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 1 and full width.

public static Column span1(IsElement<?> content)
Creates a new column with a size of 1 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 1, full width, and the appended content.

public static Column span2()
Creates a new column with a size of 2 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 2 and full width.

public static Column span2(IsElement<?> content)
Creates a new column with a size of 2 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 2, full width, and the appended content.

public static Column span3()
Creates a new column with a size of 3 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 3 and full width.

public static Column span3(IsElement<?> content)
Creates a new column with a size of 3 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 3, full width, and the appended content.

public static Column span4()
Creates a new column with a size of 4 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 4 and full width.

public static Column span4(IsElement<?> content)
Creates a new column with a size of 4 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 4, full width, and the appended content.

public static Column span5()
Creates a new column with a size of 5 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 5 and full width.

public static Column span5(IsElement<?> content)
Creates a new column with a size of 5 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 5, full width, and the appended content.

public static Column span6()
Creates a new column with a size of 6 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 6 and full width.

public static Column span6(IsElement<?> content)
Creates a new column with a size of 6 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 6, full width, and the appended content.

public static Column span7()
Creates a new column with a size of 7 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 7 and full width.

public static Column span7(IsElement<?> content)
Creates a new column with a size of 7 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 7, full width, and the appended content.

public static Column span8()
Creates a new column with a size of 8 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 8 and full width.

public static Column span8(IsElement<?> content)
Creates a new column with a size of 8 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 8, full width, and the appended content.

public static Column span9()
Creates a new column with a size of 9 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 9 and full width.

public static Column span9(IsElement<?> content)
Creates a new column with a size of 9 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 9, full width, and the appended content.

public static Column span10()
Creates a new column with a size of 10 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 10 and full width.

public static Column span10(IsElement<?> content)
Creates a new column with a size of 10 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 10, full width, and the appended content.

public static Column span11()
Creates a new column with a size of 11 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 11 and full width.

public static Column span11(IsElement<?> content)
Creates a new column with a size of 11 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 11, full width, and the appended content.

public static Column span12()
Creates a new column with a size of 12 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 12 and full width.

public static Column span12(IsElement<?> content)
Creates a new column with a size of 12 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 12, full width, and the appended content.

public static Column span13()
Creates a new column with a size of 13 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 13 and full width.

public static Column span13(IsElement<?> content)
Creates a new column with a size of 13 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 13, full width, and the appended content.

public static Column span14()
Creates a new column with a size of 14 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 14 and full width.

public static Column span14(IsElement<?> content)
Creates a new column with a size of 14 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 14, full width, and the appended content.

public static Column span15()
Creates a new column with a size of 15 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 15 and full width.

public static Column span15(IsElement<?> content)
Creates a new column with a size of 15 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 15, full width, and the appended content.

public static Column span16()
Creates a new column with a size of 16 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 16 and full width.

public static Column span16(IsElement<?> content)
Creates a new column with a size of 16 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 16, full width, and the appended content.

public static Column span17()
Creates a new column with a size of 17 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 17 and full width.

public static Column span17(IsElement<?> content)
Creates a new column with a size of 17 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 17, full width, and the appended content.

public static Column span18()
Creates a new column with a size of 18 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 18 and full width.

public static Column span18(IsElement<?> content)
Creates a new column with a size of 18 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 18, full width, and the appended content.

public static Column span19()
Creates a new column with a size of 19 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 19 and full width.

public static Column span19(IsElement<?> content)
Creates a new column with a size of 19 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 19, full width, and the appended content.

public static Column span20()
Creates a new column with a size of 20 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 20 and full width.

public static Column span20(IsElement<?> content)
Creates a new column with a size of 20 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 20, full width, and the appended content.

public static Column span21()
Creates a new column with a size of 21 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 21 and full width.

public static Column span21(IsElement<?> content)
Creates a new column with a size of 21 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 21, full width, and the appended content.

public static Column span22()
Creates a new column with a size of 22 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 22 and full width.

public static Column span22(IsElement<?> content)
Creates a new column with a size of 22 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 22, full width, and the appended content.

public static Column span23()
Creates a new column with a size of 23 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 23 and full width.

public static Column span23(IsElement<?> content)
Creates a new column with a size of 23 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 23, full width, and the appended content.

public static Column span24()
Creates a new column with a size of 24 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 24 and full width.

public static Column span24(IsElement<?> content)
Creates a new column with a size of 24 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 24, full width, and the appended content.

public static Column span25()
Creates a new column with a size of 25 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 25 and full width.

public static Column span25(IsElement<?> content)
Creates a new column with a size of 25 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 25, full width, and the appended content.

public static Column span26()
Creates a new column with a size of 26 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 26 and full width.

public static Column span26(IsElement<?> content)
Creates a new column with a size of 26 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 26, full width, and the appended content.

public static Column span27()
Creates a new column with a size of 27 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 27 and full width.

public static Column span27(IsElement<?> content)
Creates a new column with a size of 27 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 27, full width, and the appended content.

public static Column span28()
Creates a new column with a size of 28 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 28 and full width.

public static Column span28(IsElement<?> content)
Creates a new column with a size of 28 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 28, full width, and the appended content.

public static Column span29()
Creates a new column with a size of 29 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 29 and full width.

public static Column span29(IsElement<?> content)
Creates a new column with a size of 29 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 29, full width, and the appended content.

public static Column span30()
Creates a new column with a size of 30 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 30 and full width.

public static Column span30(IsElement<?> content)
Creates a new column with a size of 30 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 30, full width, and the appended content.

public static Column span31()
Creates a new column with a size of 31 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 31 and full width.

public static Column span31(IsElement<?> content)
Creates a new column with a size of 31 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 31, full width, and the appended content.

public static Column span32()
Creates a new column with a size of 32 for extra-large screens (>=1200px) and full width.

Returns:

This Column instance with a size of 32 and full width.

public static Column span32(IsElement<?> content)
Creates a new column with a size of 32 for extra-large screens (>=1200px), full width, and appends the specified content.

content

The content to append to the column.



Returns:

This Column instance with a size of 32, full width, and the appended content.

Public methods

public Column offset0()
Creates a new column with an offset of 0.

Returns:

This Column instance with an offset of 0.

public Column offset1()
Creates a new column with an offset of 1.

Returns:

This Column instance with an offset of 1.

public Column offset2()
Creates a new column with an offset of 2.

Returns:

This Column instance with an offset of 2.

public Column offset3()
Creates a new column with an offset of 3.

Returns:

This Column instance with an offset of 3.

public Column offset4()
Creates a new column with an offset of 4.

Returns:

This Column instance with an offset of 4.

public Column offset5()
Creates a new column with an offset of 5.

Returns:

This Column instance with an offset of 5.

public Column offset6()
Creates a new column with an offset of 6.

Returns:

This Column instance with an offset of 6.

public Column offset7()
Creates a new column with an offset of 7.

Returns:

This Column instance with an offset of 7.

public Column offset8()
Creates a new column with an offset of 8.

Returns:

This Column instance with an offset of 8.

public Column offset9()
Creates a new column with an offset of 9.

Returns:

This Column instance with an offset of 9.

public Column offset10()
Creates a new column with an offset of 10.

Returns:

This Column instance with an offset of 10.

public Column offset11()
Creates a new column with an offset of 11.

Returns:

This Column instance with an offset of 11.

public Column offset12()
Creates a new column with an offset of 12.

Returns:

This Column instance with an offset of 12.

public Column offset13()
Creates a new column with an offset of 13.

Returns:

This Column instance with an offset of 13.

public Column offset14()
Creates a new column with an offset of 14.

Returns:

This Column instance with an offset of 14.

public Column offset15()
Creates a new column with an offset of 15.

Returns:

This Column instance with an offset of 15.

public Column offset16()
Creates a new column with an offset of 16.

Returns:

This Column instance with an offset of 16.

public Column offset17()
Creates a new column with an offset of 17.

Returns:

This Column instance with an offset of 17.

public Column offset18()
Creates a new column with an offset of 18.

Returns:

This Column instance with an offset of 18.

public Column offset19()
Creates a new column with an offset of 19.

Returns:

This Column instance with an offset of 19.

public Column offset20()
Creates a new column with an offset of 20.

Returns:

This Column instance with an offset of 20.

public Column offset21()
Creates a new column with an offset of 21.

Returns:

This Column instance with an offset of 21.

public Column offset22()
Creates a new column with an offset of 22.

Returns:

This Column instance with an offset of 22.

public Column offset23()
Creates a new column with an offset of 23.

Returns:

This Column instance with an offset of 23.

public Column offset24()
Creates a new column with an offset of 24.

Returns:

This Column instance with an offset of 24.

public Column offset25()
Creates a new column with an offset of 25.

Returns:

This Column instance with an offset of 25.

public Column offset26()
Creates a new column with an offset of 26.

Returns:

This Column instance with an offset of 26.

public Column offset27()
Creates a new column with an offset of 27.

Returns:

This Column instance with an offset of 27.

public Column offset28()
Creates a new column with an offset of 28.

Returns:

This Column instance with an offset of 28.

public Column offset29()
Creates a new column with an offset of 29.

Returns:

This Column instance with an offset of 29.

public Column offset30()
Creates a new column with an offset of 30.

Returns:

This Column instance with an offset of 30.

public Column offset31()
Creates a new column with an offset of 31.

Returns:

This Column instance with an offset of 31.

public Column offset(Offset xLarge, Offset large, Offset medium, Offset small, Offset xsmall)
Creates a new column with custom offsets for different screen sizes.

xLarge

Offset for extra-large screens (>=1200px).

large

Offset for large screens (>=992px).

medium

Offset for medium screens (>=768px).

small

Offset for small screens (>=576px).

xsmall

Offset for extra-small screens (< 576px).



Returns:

This Column instance with custom offsets.

public Column offset(Offset large, Offset medium, Offset small, Offset xsmall)
Creates a new column with uniform offsets for different screen sizes.

large

Offset for large screens (>=992px).

medium

Offset for medium screens (>=768px).

small

Offset for small screens (>=576px).

xsmall

Offset for extra-small screens (< 576px).



Returns:

This Column instance with uniform offsets.

public Column offset(Offset offset, Offset smallAndDown)
Creates a new column with uniform offsets for medium and larger screens and a different offset for small screens and below.

offset

Offset for medium and larger screens.

smallAndDown

Offset for small screens and below.



Returns:

This Column instance with uniform and small screen offsets.

public Column offset(Offset offset)
Creates a new column with a uniform offset for all screen sizes.

offset

Offset for all screen sizes.



Returns:

This Column instance with a uniform offset.

public Column onXLarge(Span span)
Sets the column size for extra-large screens (>=1200px).

span

The column span for extra-large screens.



Returns:

This Column instance with the specified span for extra-large screens.

public Column onLarge(Span span)
Sets the column size for large screens (>=992px).

span

The column span for large screens.



Returns:

This Column instance with the specified span for large screens.

public Column onMedium(Span span)
Sets the column size for medium screens (>=768px).

span

The column span for medium screens.



Returns:

This Column instance with the specified span for medium screens.

public Column onSmall(Span span)
Sets the column size for small screens (>=576px).

span

The column span for small screens.



Returns:

This Column instance with the specified span for small screens.

public Column onXSmall(Span span)
Sets the column size for extra-small screens (< 576px).

span

The column span for extra-small screens.



Returns:

This Column instance with the specified span for extra-small screens.

public Column onXLargeOffset(Offset offset)
Sets the column offset for extra-large screens (>=1200px).

offset

The column offset for extra-large screens.



Returns:

This Column instance with the specified offset for extra-large screens.

public Column onLargeOffset(Offset offset)
Sets the column offset for large screens (>=992px).

offset

The column offset for large screens.



Returns:

This Column instance with the specified offset for large screens.

public Column onMediumOffset(Offset offset)
Sets the column offset for medium screens (>=768px).

offset

The column offset for medium screens.



Returns:

This Column instance with the specified offset for medium screens.

public Column onSmallOffset(Offset offset)
Sets the column offset for small screens (>=576px).

offset

The column offset for small screens.



Returns:

This Column instance with the specified offset for small screens.

public Column onXSmallOffset(Offset offset)
Sets the column offset for extra-small screens (< 576px).

offset

The column offset for extra-small screens.



Returns:

This Column instance with the specified offset for extra-small screens.

public PostfixCssClass getOnXLargeStyle()
Gets the PostfixCssClass for the column style on extra-large screens (>=1200px).

Returns:

The PostfixCssClass for the column style on extra-large screens.

public PostfixCssClass getOnLargeStyle()
Gets the PostfixCssClass for the column style on large screens (>=992px).

Returns:

The PostfixCssClass for the column style on large screens.

public PostfixCssClass getOnMediumStyle()
Gets the PostfixCssClass for the column style on medium screens (>=768px).

Returns:

The PostfixCssClass for the column style on medium screens.

public PostfixCssClass getOnSmallStyle()
Gets the PostfixCssClass for the column style on small screens (>=576px).

Returns:

The PostfixCssClass for the column style on small screens.

public PostfixCssClass getOnXSmallStyle()
Gets the PostfixCssClass for the column style on extra-small screens (< 576px).

Returns:

The PostfixCssClass for the column style on extra-small screens.

public PostfixCssClass getOnMediumOffsetStyle()
Gets the PostfixCssClass for the column offset style on medium screens (>=768px).

Returns:

The PostfixCssClass for the column offset style on medium screens.

public PostfixCssClass getOnXSmallOffsetStyle()
Gets the PostfixCssClass for the column offset style on extra-small screens (< 576px).

Returns:

The PostfixCssClass for the column offset style on extra-small screens.

public PostfixCssClass getOnXLargeOffsetStyle()
Gets the PostfixCssClass for the column offset style on extra-large screens (>=1200px).

Returns:

The PostfixCssClass for the column offset style on extra-large screens.

public PostfixCssClass getOnLargeOffsetStyle()
Gets the PostfixCssClass for the column offset style on large screens (>=992px).

Returns:

The PostfixCssClass for the column offset style on large screens.

public PostfixCssClass getOnSmallOffsetStyle()
Gets the PostfixCssClass for the column offset style on small screens (>=576px).

Returns:

The PostfixCssClass for the column offset style on small screens.

We are a group of passionate people who love what we do

Donate & Support Us