レイアウトでの並び入れ替え（pushとpull）

お世話になります。

concrete5 5.7.5.3で作業しています。

bootstrapで2カラムのコンテンツがあって、

pc
コンテンツA コンテンツB

スマートフォン
コンテンツB
コンテンツA

としたい場合

<div class="row">
<div class="col-sm-6 col-sm-push-6">コンテンツA</div>
<div class="col-sm-6 col-sm-pull-6">コンテンツB</div>
</div>

のようにしますが、concrete5のレイアウトでこれを行いたい場合どのようにすればよいでしょう？
レイアウトデザインを編集からクラスを追加しても

<div class="col-sm-6">
<div class="ccm-custom-style-main48 col-sm-push6">
コンテンツA
</div>
</div>

のように内側にDIVが作られ、そこにクラスが当たるので、うまくいきません。

よろしくお願いします。