| ... |
... |
@@ -79,24 +79,38 @@ |
| 79 |
79 |
|
| 80 |
80 |
{{velocity}} |
| 81 |
81 |
{{html clean="false"}} |
| 82 |
|
-<ul class="card-list two-cols"> |
|
82 |
+<div class="row"> |
| 83 |
83 |
#foreach ($card in $actionCards) |
| 84 |
|
- <li class="card"> |
|
84 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
85 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
86 |
+ <div class="clearfix visible-sm-block visible-md-block visible-lg-block"></div> |
|
87 |
+ #end |
|
88 |
+ <div class="col-xs-12 col-sm-6"> |
| 85 |
85 |
#helpActionCard($card) |
| 86 |
|
- </li> |
|
90 |
+ </div> |
| 87 |
87 |
#end |
| 88 |
|
-</ul> |
|
92 |
+</div> |
| 89 |
89 |
<h3 id="HExamples">$services.localization.render('help.templates.examples.title')</h3> |
| 90 |
90 |
<p>$services.localization.render('help.templates.examples.description')</p> |
| 91 |
|
-<ul class="card-list"> |
|
95 |
+<div class="row"> |
| 92 |
92 |
#foreach ($card in $exampleCards) |
| 93 |
|
- <li class="card"> |
|
97 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
98 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
99 |
+ <div class="clearfix visible-sm-block "></div> |
|
100 |
+ #end |
|
101 |
+ #if ($foreach.index > 0 && $foreach.index % 3 == 0) |
|
102 |
+ <div class="clearfix visible-md-block"></div> |
|
103 |
+ #end |
|
104 |
+ #if ($foreach.index > 0 && $foreach.index % 4 == 0) |
|
105 |
+ <div class="clearfix visible-lg-block"></div> |
|
106 |
+ #end |
|
107 |
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> |
| 94 |
94 |
#set ($outputCard = {}) |
| 95 |
95 |
#getTemplateExample($card $outputCard) |
| 96 |
96 |
#helpExampleCard($outputCard) |
| 97 |
|
- </li> |
|
111 |
+ </div> |
| 98 |
98 |
#end |
| 99 |
|
-</ul> |
|
113 |
+</div> |
| 100 |
100 |
<p><a href="$exoPrefix/Templates+Application/" class="wikiexternallink">$services.localization.render('help.templates.more')</a></p> |
| 101 |
101 |
{{/html}} |
| 102 |
102 |
{{/velocity}} |
