0%
Uix Kit

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.