Bootstrap Row and Column Shortcode

Owned by Rachel Klingler
Last updated: Mar 15, 2016
1 min read

Summary

Manually add Bootstrap rows and columns using the uwsa_row and uwsa_column shortcodes.This is helpful if the default Zuse rows do not work for some reason.

This shortcode is not enabled by default. It must be enabled by an admin on each community site that will use it.

uwsa_row

There are no required attributes for uwsa_row. Used with no attributes, [uwsa_row] will insert a Bootstrap row with a width twelve column inside of it.

Optional Attributes

no_col

When no_col="true", Bootstrap columns should be added manually with the [uwsa_column] shortcode.

uwsa_column

Use inside [uwsa_row no_col="true"] to add custom columns.

Required Attributes

width

Specify the width of the column. 12 width units make a full page on large monitors.

Default: 12

size

Specify the breakpoint. See Bootstrap Grid Options.

Default: md

Examples

Force Image Placement

[uwsa_row]
    <img class="alignright wp-image-6671" ... />
    UW-Stevens Point ...
[/uwsa_row]
[uwsa_row]
    <img class="alignright wp-image-6706" ... />
    UW-La Crosse ...
[/uwsa_row]

(From News from around the UW System)

Custom Columns

[uwsa_row no_col="true"]
    [uwsa_column width=6 size=lg]Access[/uwsa_column]
    [uwsa_column width=6 size=lg]Rogress & Completion[/uwsa_column]
[/uwsa_row]
[uwsa_row no_col="true"]
    [uwsa_column width=6 size=lg]Cost &amp; Efficiency[/uwsa_column]
    [uwsa_column width=6 size=lg]Undergraduate Experience[/uwsa_column]
[/uwsa_row]
[uwsa_row no_col="true"]
    [uwsa_column width=6 size=lg]Faculty &amp; Staff[/uwsa_column]
    [uwsa_column width=6 size=lg]Economic Development[/uwsa_column]
[/uwsa_row]
[uwsa_row no_col="true"]
    [uwsa_column width=6 size=lg]Institution Highlights[/uwsa_column]
[/uwsa_row]

(From Accountability Dashboard)

Also See