Joomla version 3.5.1, Form2Content Pro version 6.13.0
Can you provide the simplest of code to show how I would for example put two text edit boxes in an article to behave responsively - ie two column layout in xl,lg and md screens and stacked columns in sm and xs devices. I would expect to be able to add something like this:

{if $MAIN}
<div class="container">
{*PLEASE NOTE: We are using the RAW output for displaying the image. If NO image is uploaded, nothing will be shown.*}

{if $IMAGE}<img src="{$IMAGE}" align="right" style="padding-left:10px;" alt="{$JOOMLA_TITLE}" />{/if}

<p>this is the start of the text</p>

<div class="row">
<div class="col-sm-6">
{$MAIN}
</div>
<div class="col-sm-6">
{$MAIN2}
</div>

</div>







<div style="clear:both;"></div>
</div>
{* The following code is an example of using conditional statements*}

{if $JOOMLA_INFORMATION eq '1'}
<div style=" padding:5px; border:1px solid #999; width:98%; margin:10px 0; clear:both;">

<span style="font-size:90%;">
Artice title: {$JOOMLA_TITLE}<br/>
Title alias: {$JOOMLA_TITLE_ALIAS}<br/>
Article URL (raw output, great for custom 'read more'): <a href="{$JOOMLA_ARTICLE_LINK}" target="_blank">{$JOOMLA_ARTICLE_LINK}</a><br/>
Joomla Article ID: {$JOOMLA_ID}<br/>
Start publishing: {if $JOOMLA_PUBLISH_UP}{$JOOMLA_PUBLISH_UP}{else}empty{/if}<br/>
Stop publishing: {if $JOOMLA_PUBLISH_DOWN}{$JOOMLA_PUBLISH_DOWN}{else}empty{/if}<br/>
Article create date: {$JOOMLA_CREATED}<br/>
Article modified date: {$JOOMLA_MODIFIED}</span>
</div>
{elseif $JOOMLA_INFORMATION eq '2'}
<p>No extra information available.</p>
{else}
<p>No option to display additional information was made.</p>
{/if}



{/if}


However the content for MAIN and MAIN2 does not behave responsively. I am a newby with F2C and finding it quite hard to understand the templating - I am using Prostar as the template with Joomla