Chris M.

Junior Grossi

<p>WP Bootstrap Widgets provides configurable widgets for common <a href="https://getbootstrap.com/" rel="nofollow ugc">Twitter Bootstrap (version 3)</a> components. If your theme is based on Bootstrap, these widgets will automatically look great! Works particularly well with the <a href="https://wordpress.org/plugins/siteorigin-panels/" rel="ugc">SiteOrigin Page Builder</a> as you can drop your widgets into your multi-column layouts with ease.</p>
<p>Included widgets:</p>
<ul>
<li><a href="https://getbootstrap.com/components/#alerts" rel="nofollow ugc">Alerts</a></li>
<li><a href="https://getbootstrap.com/css/#buttons" rel="nofollow ugc">Button</a></li>
<li><a href="https://getbootstrap.com/css/#images" rel="nofollow ugc">Image</a></li>
<li><a href="https://getbootstrap.com/components/#navbar" rel="nofollow ugc">Navigation Bar</a></li>
<li><a href="https://getbootstrap.com/components/#responsive-embed" rel="nofollow ugc">Responsive Embed</a></li>
<li><a href="https://getbootstrap.com/components/#panels" rel="nofollow ugc">Panels</a></li>
<li><a href="https://getbootstrap.com/components/#wells" rel="nofollow ugc">Wells</a></li>
</ul>
<p>All widgets are configurable (choose from <code>primary</code>, <code>success</code>, <code>info</code>, etc).</p>


WP Bootstrap Widgets

WP Bootstrap Widgets provides configurable widgets for common Twitter Bootstrap (version 3) components. If your theme is based on Bootstrap, these wid …

neilgee

<p>This plugin adds Bootstrap v3 Modal functionality to WordPress.</p>
<p>It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.</p>
<p>This does not bring in any other Bootstrap javascript or CSS functionality.</p>
<p>There is sample HTML mark up code in the readme.txt for a selector and modal target element.</p>
<p>Options to override the default CSS modal styling and also use a shortcode.</p>
<p>Option to disable Bootstrap JS/CSS files in case of conflict.</p>
<h3>Usage</h3>
<p>Use either the Bootstrap API markup or Javascript to trigger the modal windows, this can be found here: http://getbootstrap.com/javascript/#modals</p>
<p>There is also further usage information here: http://coolestguidesontheplanet.com/bootstrap/modal.php</p>
<p>Mark up needs to be directly applied to post/page or widget area or via a shortcode.</p>
<p>Options to override the default CSS styling.</p>
<p>Here is a simple HTML Modal MarkUp</p>
<pre><code>
<a class="btn btn-primary btn-lg" href="#myModal1" data-toggle="modal">Launch demo modal</a>


<div id="myModal1" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal">×</button>
                    <h4 class="modal-title">My Title in a Modal Window</h4>
            </div>
            <div class="modal-body">This is the body of a modal...</div>
            <div class="modal-footer">This is the footer of a modal...</div>
            </div>
    </div>
</div>
</code></pre>
<p>You can change the modal size by adding an extra CSS class to the <strong>.modal-dialog</strong> div;</p>
<pre>modal-lg</pre>
<p>or</p>
<pre>modal-sm</pre>
<p>for large and small respectively.</p>
<p>Since version 1.0.2 extra CSS is included to set the close button to a state similar to Bootstrap install, to override the default CSS for the close button use a CSS selector .modal-dialog .close { } in your CSS styles.</p>

Bootstrap Modals

Oh! Love you man. I was thinking about creating a custom plugin by myself for this as I need it on my site and before started coding did a Google search and here it is just the exact script that I was thinking about. Thanks a tom for it. Definitely going to use it on my personal site as well as refined to others. T thane a tom for it.
Good bless you buddy....



Thank you very much. Just perfect.

This plugin adds Bootstrap Modal functionality to WordPress. All you need to do is add the Modal HTML mark up code.

WP Bootstrap Widgets vs Bootstrap Modals