The 1180 grid system is a 12-column grid, so all column spans must add up to 12.
1180网格系统是12列网格,因此所有列跨度必须加起来为12。 p>
For example, you can gave [span col=”8″] and [span col=”4″] in the same row,
例如,您可以在同一行中给[span col =” 8”]和[span col =“ 4”],
or you can have three [span col=”4″] for a 3-column layout.
否则,您可以为3列布局设置三个[span col =” 4”]。 p>
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.
像下面的示例一样,将您的跨度简码排成一行。 p>
Example 3 column grid
示例3列网格 p>
[row] [行] [span col="4"]
[span col =“ 4”]
Column One
第一栏
[/span4]
[/ span4]
[span4 col="4"]
[span4 col =“ 4”]
Column Two
第二栏
[/span4]
[/ span4]
[span4 col="4"]
[span4 col =“ 4”]
Column Three
第三栏
[/span4]
[/ span4]
[ow]
[/行]
code> pre>
Adding classes to the row
将类添加到该行 h3>
You can add optional classes to the row shortcode.
您可以将可选类添加到行短代码中。
You can also set the class to flexbox,
您还可以将类设置为flexbox,
for full flexbox support in browsers.
在浏览器中完全支持flexbox。
If the browser does not support flexbox, it will
如果浏览器不支持flexbox,它将
fallback to floats.
后退到浮动。 p>
Examples
示例 strong> p>[row class="flexbox"] [row class =“ flexbox”][row class="flexbox someOtherClass anotherClass"]
[row class =“ flexbox someOtherClass anotherClass”]
code> pre>