CWRUCAS

<p>Code is adapted from the plugin ‘Columns’ by Konstantin Kovshenin.</p>
<p>Bootstrap is an HTML, CSS, and JS framework that is used to develop responsive, mobile websites. It employs a grid system that divides the viewport into twelve distinct columns. On desktops, the columns scale proportionally to the width of the viewing area while on mobile devices and tablets the columns stack on top of one another. This plugin takes advantage of that grid system to allow for WordPress content to be split up equally between the twelve columns.</p>
<p>To create a group of columns, use the <strong>[column-group]</strong> shortcode. To add columns to a group, use the <strong>[column]</strong> shortcode. For example:</p>
<pre><code>[column-group]
        [column]This is the first column[/column]
        [column]This is the second column[/column]
[/column-group]
</code></pre>
<p>The first column will occupy the first six columns of the Bootstrap grid while the second column will fill the remaining six.</p>
<h4>Spanning Columns</h4>
<p>The plugin’s columns can also be manually spanned across the Bootstrap grid. By adding the <em>span</em> attribute to the starting column shortcode, the number of Bootstrap columns that the WordPress columns take up can be assigned. For example:</p>
<pre><code>[column-group]
        [column span=“4”]This is the first column.[/column]
        [column span=“6”]This is the second column.[/column]
        [column span=“2”]This is the third column.[/column]
[/column-group]
</code></pre>
<p>The columns will take up four, six, and two of the Bootstrap columns respectively. Note: The span value is actually a ratio so if the total value of the spans in a column group does not equal twelve, then the plugin will assign the column sizes by means of percentage.</p>


Columns for Bootstrap

This WordPress plugin adds a columns shortcode that utilizes Bootstrap for mobile responsiveness.

Vova

<h3>SHORTCODES ULIMATE – THE #1 SHORTCODES PLUGIN</h3>
<p><a href="https://getshortcodes.com/?utm_campaign=wporg&utm_medium=readme&utm_source=description" rel="nofollow ugc">Shortcodes Ultimate</a> is a huge collection of useful elements, that you can use in the post editor, text widgets or even in template files.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/507942335" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h4>Features</h4>
<ul>
<li><a href="https://getshortcodes.com/docs-category/shortcodes/?utm_campaign=wporg&utm_medium=readme&utm_source=features" rel="nofollow ugc">Over 50 gorgeous shortcodes</a></li>
<li>Insert shortcodes in 1 click with Live Preview</li>
<li>Supports the Block Editor</li>
<li>Seamlessly integrates with your theme</li>
<li>Looks great on mobile devices</li>
<li>Custom CSS editor is included</li>
<li>Developer-friendly with plenty of hooks and extensive documentation</li>
</ul>
<h4>Included shortcodes</h4>
<ul>
<li><strong>Posts</strong> – allows you to show specific posts anywhere</li>
<li><strong>Accordion</strong> – simple toggle block to show/hide your content</li>
<li><strong>Button</strong> – highly-customizable button with multiple styles</li>
<li><strong>Lightbox</strong> – a lightbox that you can use with virtually any element</li>
<li><strong>Image Carousel</strong> – beautiful super-customizable image carousel</li>
<li><strong>Columns</strong> – must-have tool for creating layouts</li>
<li>And many more…</li>
</ul>
<h4>Get Help</h4>
<ul>
<li><a href="https://getshortcodes.com/docs/?utm_campaign=wporg&utm_medium=readme&utm_source=links-docs" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/shortcodes-ultimate" rel="ugc">Community Support Forum</a></li>
<li><a href="https://getshortcodes.com/support/open-support-ticket/?utm_campaign=wporg&utm_medium=readme&utm_source=links-support" rel="nofollow ugc">The Pro Support</a></li>
</ul>
<h3>TRY THE PRO VERSION FOR FREE</h3>
<p>Try Shortcodes Ultimate Pro risk-free for 30 days. You are fully protected by our no questions asked refund policy!</p>
<p><a href="https://getshortcodes.com/pricing/?utm_campaign=wporg&utm_medium=readme&utm_source=try-pro" rel="nofollow ugc">Upgrade to Pro</a></p>


Columns for Bootstrap vs WP Shortcodes Plugin — Shortcodes Ultimate