| ... |
... |
@@ -77,22 +77,33 @@ |
| 77 |
77 |
|
| 78 |
78 |
{{velocity}} |
| 79 |
79 |
{{html clean="false"}} |
| 80 |
|
-<ul class="card-list two-cols"> |
|
80 |
+<div class="row"> |
| 81 |
81 |
#foreach ($card in $actionCards) |
| 82 |
|
- <li class="card"> |
|
82 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
83 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
84 |
+ <div class="clearfix visible-sm-block visible-md-block visible-lg-block"></div> |
|
85 |
+ #end |
|
86 |
+ <div class="col-xs-12 col-sm-6"> |
| 83 |
83 |
#helpActionCard($card) |
| 84 |
|
- </li> |
|
88 |
+ </div> |
| 85 |
85 |
#end |
| 86 |
|
-</ul> |
|
90 |
+</div> |
| 87 |
87 |
<h3 id="HExamples">Examples</h3> |
| 88 |
88 |
<p>Need help or confused with some of our macros? Check out their documentation and find out more about their functionality.</p> |
| 89 |
|
-<ul class="card-list three-cols"> |
|
93 |
+<div class="row"> |
| 90 |
90 |
#foreach ($card in $exampleCards) |
| 91 |
|
- <li class="card"> |
|
95 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
96 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
97 |
+ <div class="clearfix visible-sm-block "></div> |
|
98 |
+ #end |
|
99 |
+ #if ($foreach.index > 0 && $foreach.index % 3 == 0) |
|
100 |
+ <div class="clearfix visible-md-block visible-lg-block"></div> |
|
101 |
+ #end |
|
102 |
+ <div class="col-xs-12 col-sm-6 col-md-4"> |
| 92 |
92 |
#helpExampleCard($card) |
| 93 |
|
- </li> |
|
104 |
+ </div> |
| 94 |
94 |
#end |
| 95 |
|
-</ul> |
|
106 |
+</div> |
| 96 |
96 |
<p><a href="https://extensions.xwiki.org/xwiki/bin/view/Main/#%7Ct=extensions&p=1&l=30&s=doc.creationDate&d=desc&category=macro" class="wikiexternallink">$services.localization.render('help.macros.more')</a></p> |
| 97 |
97 |
{{/html}} |
| 98 |
98 |
{{/velocity}} |
