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.

marsian

<p>Essential addons for your websites like Portfolios, Team Members, Testiminials, Sliders, WooCommerce Product Listing. etc via Shortcodes or SiteOrigin Page builder or using Elementor widgets. This plugin also optionally adds Wishlist and Compare Products for Woocommerce.</p>
<h4>Elementor Demos</h4>
<p><a href="http://www.wp-demos.com/i-spirit/tx-demo/elementor-templatesnext-toolkit/" rel="nofollow ugc">Slider</a> – A simple Slider widget for elementor.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/templatesnext-toolkit-portfolio/" rel="nofollow ugc">Portfolio</a> – A Portfolio widget for elementor to showcase your work.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/elementor-team-contact-form-7/" rel="nofollow ugc">Team</a> – Team widget for elementor to show team member.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/product-lists-post-grids/#postgrid" rel="nofollow ugc">Posts Grid</a> –  Create Posts Grid with this elementor widget.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/elementor-team-contact-form-7/#contactform7" rel="nofollow ugc">Contact Form 7</a> – An elementor widget for Contact Form 7.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/product-lists-post-grids/" rel="nofollow ugc">Products Lists</a> – This widget combines elementor with WooCommerce.<br />
<a href="http://www.wp-demos.com/i-spirit/tx-demo/templatesnext-toolkit-portfolio/#tx-testimonials" rel="nofollow ugc">Testimonials</a> – A testimonial Carousel widget for elementor.</p>
<h4>SiteOrgin Page Builder Demo</h4>
<p><a href="http://www.wp-demos.com/i-spirit/tx-demo/" rel="nofollow ugc">Home Page</a> – Created with <strong>TemplatesNext Toolkit</strong> widgets for SiteOrigin Page Builder.</p>
<h4>Shortcodes Demos And Documentations</h4>
<p><a href="http://www.templatesnext.org/icreate/?page_id=541" rel="nofollow ugc">Demos And Documentation</a> – Demos created with shortcode generators and documentations.</p>
<h4>Themes Built To Work With TemplatesNext ToolKit</h4>
<p><a href="https://wordpress.org/themes/i-excel/" rel="ugc">i-excel</a>, <a href="https://wordpress.org/themes/i-craft/" rel="ugc">i-craft</a>, <a href="https://wordpress.org/themes/i-design/" rel="ugc">i-design</a>, <a href="https://wordpress.org/themes/i-max/" rel="ugc">i-max</a><br />
Some of the shortcodes/widgets may only work properly with above TemplatesNext Themes.</p>


TemplatesNext ToolKit

This plugin adds portfolio, team/members, itrans slider, testimonials post type along with shortcodes for Portfolio, Testimonials, Image Sliders, Team …

Columns for Bootstrap vs TemplatesNext ToolKit