Full Width Column to Edge
You also have a choice of whether the row's content is full width or fixed width.
Heading
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Heading
Duis nisi orci, pretium eu tincidunt vitae, tincidunt sed augue.
Full Width Column to Edge Inside Container
Add this class .js-uix-fullwidth-column-to-edge--extend-right
or .js-uix-fullwidth-column-to-edge--extend-left
to the .row
of Bootstrap Grid system to create the column to edge.
Heading
Duis nisi orci, pretium eu tincidunt vitae, tincidunt sed augue.
Heading
Duis nisi orci, pretium eu tincidunt vitae, tincidunt sed augue.
Full Width (Fixed & Variable) Column to Edge
The goal is to have a fixed width column and a variable width column but to be able to define at what size the variable-width column breaks down to the next line.
250 Width Fixed
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.