WordPress.org

Ready to get started?Download WordPress

Plugin Directory

1180px Shortcodes

1180px shortcodes gives you simple shortcodes to use the 1180px css grid system.

The 1180 grid system is a 12-column grid, so all column spans must add up to 12.

For example, you can gave [span col="8"] and [span col="4"] in the same row, or you can have three [span col="4"] for a 3-column layout.

To keep things well spaced out, and for automatic clearing of the floated columns, wrap your span shortcodes in a row shortcode like the example below.

Example 3 column grid
[row]
    [span col="4"]
        Column One
    [/span4]

    [span4 col="4"]
        Column Two
    [/span4]

    [span4 col="4"]
        Column Three
    [/span4]
[/row]
Adding classes to the row

You can add optional classes to the row shortcode. You can also set the class to flexbox, for full flexbox support in browsers. If the browser does not support flexbox, it will fallback to floats.

Examples

[row class="flexbox"]

[row class="flexbox someOtherClass anotherClass"]

Requires: 3.0 or higher
Compatible up to: 4.0.0
Last Updated: 2014-9-7
Active Installs: 10+

Ratings

0 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.