| ... |
... |
@@ -78,22 +78,33 @@ |
| 78 |
78 |
|
| 79 |
79 |
{{velocity}} |
| 80 |
80 |
{{html clean="false"}} |
| 81 |
|
-<ul class="card-list two-cols"> |
|
81 |
+<div class="row"> |
| 82 |
82 |
#foreach ($card in $actionCards) |
| 83 |
|
- <li class="card"> |
|
83 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
84 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
85 |
+ <div class="clearfix visible-sm-block visible-md-block visible-lg-block"></div> |
|
86 |
+ #end |
|
87 |
+ <div class="col-xs-12 col-sm-6"> |
| 84 |
84 |
#helpActionCard($card) |
| 85 |
|
- </li> |
|
89 |
+ </div> |
| 86 |
86 |
#end |
| 87 |
|
-</ul> |
|
91 |
+</div> |
| 88 |
88 |
<h2 id="HExamples">$services.localization.render('help.applications.title1')</h2> |
| 89 |
89 |
<p>$services.localization.render('help.applications.description1')</p> |
| 90 |
|
-<ul class="card-list three-cols"> |
|
94 |
+<div class="row"> |
| 91 |
91 |
#foreach ($card in $exampleCards) |
| 92 |
|
- <li class="card"> |
|
96 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
97 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
98 |
+ <div class="clearfix visible-sm-block "></div> |
|
99 |
+ #end |
|
100 |
+ #if ($foreach.index > 0 && $foreach.index % 3 == 0) |
|
101 |
+ <div class="clearfix visible-md-block visible-lg-block"></div> |
|
102 |
+ #end |
|
103 |
+ <div class="col-xs-12 col-sm-6 col-md-4"> |
| 93 |
93 |
#helpExampleCard($card) |
| 94 |
|
- </li> |
|
105 |
+ </div> |
| 95 |
95 |
#end |
| 96 |
|
-</ul> |
|
107 |
+</div> |
| 97 |
97 |
<p><a href="$exoPrefix/#%7Ct=extensions&p=1&l=30&s=doc.creationDate&d=desc&category=application" class="wikiexternallink">$services.localization.render('help.applications.link')</a></p> |
| 98 |
98 |
{{/html}} |
| 99 |
99 |
{{/velocity}} |