using (% class="col-xs-12 col-sm-6" %) in {{box}} and WYSIWYG editor

when using the WYSIWYG editor to save a page that has (% class="col-xs-12 col-sm-6" %) in use (for column management on a page for example) inside a box, once save is executed xwiki seems to automatically delete/remove the (% class="col-xs-12 col-sm-6" %) code resulting columns being removed (content is now displayed simply in vertical sequence).

if the regular 'wiki' editor is used then no problems arise. if the (% class="col-xs-12 col-sm-6" %) is not inside a box then no problems arise. only when used together is there a problem.

eg.

• enter the following code via 'wiki' editor.

  {{box}}
  (% class="col-xs-12 col-sm-6" %)
  (((
  content A
  )))
  (% class="col-xs-12 col-sm-6" %)
  (((
  content B
  )))
  {{/box}}
  

• then save
• then edit in WYSIWYG editor
• then save

now you will not have columns with Content A and Content B across the page. Rather you will have Content A followed below with Content B.

if you edit in 'wiki' editor the code will look like below.

{{box}}
content A

content B
{{/box}}