-
Sticky Horizontal Scroll
- When the top of the row reaches the header, it becomes sticky
- Continue scrollen will transform the contents of the row to the left
- When teh ens is reached, other rows will push sticky out of viewport
-
This is a placeholder.
Scroll down to see effect when item enters viewport
Items can be set to number per row
- example 1 column, so 100% wide
- can be set per breakpoint
-
This is a placeholder.
Scroll down to see effect when item enters viewport
Items can have fixed width
- example 300px
- can be set per breakpoint
-
This is a placeholder.
Scroll down to see effect when item enters viewport
Items can have their own width
- by leaving item-width empty
-
This is a placeholder.
Scroll down to see effect when item enters viewport
Items in full-width row
- example: with container-fullwidth
- example: removed spacing between items
-
This is a placeholder.
Scroll down to see effect when item enters viewport