History: Liquid-width section in page

            {syntax type="markdown"  editor="wysiwyg"} {layout header="y" footer="y" leftcolumn="n" rightcolumn="n" fullwidth="y" nosidemargins="y" actionbuttons="y" topbar="y" pagetopbar="y" pagebottombar="n"} {HTML()}<style>.side-col-toggle-container, #col2 {display:none;}</style>{HTML}


This page uses the new [https://doc.tiki.org/PluginLayout|Plugin Layout]. (The plugin normally hides the left column if the `leftcolumn="n"` parameter is set, which is set here, but for some reason this isn't working, maybe due to an overriding CSS rule at this site, so a CSS rule is set separately as an expedient on this page.)


{DIV(class="row bg-info")}{DIV(class="col-sm-12 py-5 text-center text-light")} 
This is content in a full-width div.{DIV}

{DIV}

{DIV(class="container bg-warning")}{DIV(class="row")}{DIV(class="col-sm-6 offset-sm-3 py-5 bg-primary")} 
{BOX()}This content in a set of container, row, col (column) and card divs.{BOX}{DIV}

{DIV}{DIV}


This is content entered directly in the wikitext. Check the page source (button below) to see what the wiki syntax looks like.


{DIV(class="container")}{DIV(class="row")}{DIV(class="col-sm-12 py-5")} 
This content is in a set of container, row, and col (column) divs. For a page that has a constant "container" width for content, along with full-width backgrounds behind some sections, then use container divs for every section of content on the page. {DIV}

{DIV}{DIV}