HTML Syntax and CSS Classes Needed for Gantry 5 Grid
-
-
- chrisrth
- Jr. Rocketeer
- Posts: 41
- Thanks: 1
-
Got the outlines, layouts and particles but I really need to be able to do is markup responsive content within the content area of a page. We do a lot of shortcodes and custom PHP so I need to to know the responsive grid syntax behind the scenes. There was mention in the documentation that gantry 5 uses an bootstrap at it core but bootstrap 2.x and 3.x classes do not seem to work.
For example: I would like to create a page and create a 3 column grid within a page that will stack responsively. In gantry 4 I'd just whip up some bootstrap 2.x code and it worked
<div class='row-fluid'>
<div class='span3'>X</div>
<div class='span3'>Y</div>
<div class='span3'>Z</div>
</div>
how would I accomplish the same in 5, could not find it in docs.
-
-
-
- chrisrth
- Jr. Rocketeer
- Posts: 41
- Thanks: 1
-
ok, figured out I can do this in a page. Is there good documentation available on these classes and others?
<div class="g-grid">
<div class="g-block size-33-3">X</div>
<div class="g-block size-33-3">Y</div>
<div class="g-block size-33-3">Z</div>
</div>
-
Time to create page: 0.059 seconds