Mei Gwilym

Add Bootstrap columns to your widget areas. This widget gives a Title, an optional Icon and a Textarea along with column widths at the four Bootstrap break points.
Any developer familiar with Bootstrap v3 will find this easy to use. If you have no previous experience with Bootstrap v3, please consult the documentation http://getbootstrap.com/css/#grid
Icons are from the Font Awesome set. Choose an icon from the set http://fontawesome.io/3.2.1/icons/
Just input the icon value withour <code>icon-</code>. For example, for the tick (icon-check), input <code>check</code>.
<h3>Requirements</h3>
<ul>
<li>Bootstrap version 3.x</li>
<li>A class of <code>row</code> added to the widget area wrapper element </li>
</ul>
For example, if you have registered the <code>sidebar-triptych</code>:
<pre><code> <?php if ( is_active_sidebar( 'sidebar-triptych' ) ) : ?>
 <div class="row">
 <?php dynamic_sidebar( 'sidebar-triptych' ); ?>
 </div>
 <?php endif; ?>
</code></pre>

Bootstrap Column

Simple widgets with Bootstrap width classes.

Gregor Capuder

ProteusThemes

Primoz Cigler

Page Builder by SiteOrigin editor is great, but it lacks a “tabs widget”, so we created one.
The “Tabs for Page Builder” widget allows you to add multiple tabs with a tab name and tab content. The tab content is using the Page Builder editor, so you can build your own layout inside the tab content (add widgets, set columns, …).
The front-end display is the same as the tabs in Bootstrap framework.
<a href="http://gregorcapuder.com/tabs-widget-for-page-builder/" rel="nofollow ugc">More details about this plugin can be found in this post</a>.
Note: the front-end design is “bare bones”, so only the default Bootstrap CSS is used. So you should style it to your own liking with custom CSS. Maybe we will add some custom skins in the future, but I can’t make any promises.

Tabs Widget for Page Builder

Adds a "Tabs for Page Builder" widget, which can be used in Page Builder by SiteOrigin editor.

Bootstrap Column vs Tabs Widget for Page Builder