No clearfix in XWiki syntax?

Help / Discuss
#1

How can I use bootstrap clearfix in XWiki Syntax?

*(It seems this feature is not implemented. *
E.g. there is no clearfix in the application panel global administration - you will see it if the applications doesn’t match in height )

<div class="row">
  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
  <!-- Optional: clear the XS cols if their content doesn't match in height -->
  <div class="clearfix visible-xs-block"></div>
  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
</div>

Works for me just like this:

(% class="row" %)(((
(% class="col-xs-… %)(((
(% class="col-xs-… %)(((

{{html}}
    <div class="clearfix visible-xs-block"></div>
{{/html}}

…

Any ideas?

#2

This translates to <div ...><div ...><div...>... which is not what you put above in HTML.

The following should work:

(% class="row" %)(((
(% class="col-xs-… %)((()))

(% class="col-xs-… %)((()))

(% class="clearfix visible-xs-block" %)((()))

(% class="col-xs-… %)((()))
)))

Note the new lines, to get a DIV instead of a SPAN.

2 Likes
#3

The ((())) after the clearfix made the difference for me… Thanks!