History: Liquid-width section in page

            {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")}
^This content in a set of container, row, col (column) and card divs.^{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}