More Hows
Community
Search for:
OxyNinja Special Columns
OxyNinja
Cheatsheet
Create a columns layout using our CSS grid classes for Special Columns
Content
Columns Classes
This is a block of text. Double-click this text to edit it.
1 to 3 parts
CSS Class
c-columns-1-3
Four columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
3 to 1 parts
CSS Class
c-columns-3-1
Four columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
1 to 2 parts
CSS Class
c-columns-1-2
Three columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
2 to 1 parts
CSS Class
c-columns-2-1
Three columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
2 to 3 parts
CSS Class
c-columns-2-3
Five columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
3 to 2 parts
CSS Class
c-columns-3-2
Five columns in the traditional way
Columns-Divs
Column 1
Column 2
Two divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
Previous
OxyNinja 480px and less
Next
OxyNinja Desktop Column Span
You like me?
Take a second to support us on PayPal or Patreon!
If you have any suggestions, please let us know
suggestions
You can share it on:
X
Facebook
Linkedin
WhatsApp
Telegram
Pinterest
print
check-square-o
chevron-left
chevron-right
facebook
chain
envelope
linkedin
angle-double-up
angle-up
thumbs-up
xing
paper-plane
pinterest-p
whatsapp
commenting
question-circle-o
items-group-elements
label-tag
language-translate-copy
share