{"id":30146,"date":"2014-06-18T04:20:50","date_gmt":"2014-06-18T04:20:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/bootstrap-modals\/"},"modified":"2019-05-17T06:49:16","modified_gmt":"2019-05-17T06:49:16","slug":"bootstrap-modals","status":"publish","type":"plugin","link":"https:\/\/fuc.wordpress.org\/plugins\/bootstrap-modals\/","author":13329546,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.3.2","stable_tag":"1.3.2","tested":"5.2.24","requires":"3.8","requires_php":"","requires_plugins":"","header_name":"Bootstrap Modals","header_author":"Neil Gee","header_description":"","assets_banners_color":"f0fdff","last_updated":"2019-05-17 06:49:16","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_donations&business=neil%40wpbeaches%2ecom&lc=AU&item_name=WP%20Beaches&item_number=Plugins&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted","header_plugin_uri":"http:\/\/wpbeaches.com","header_author_uri":"http:\/\/wpbeaches.com","rating":4.5,"author_block_rating":0,"active_installs":1000,"downloads":43599,"num_ratings":8,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"7"},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":"1138284","resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"983429","resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"985939","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2","1.1.0","1.2.0","1.2.1","1.3.0","1.3.1","1.3.1.1","1.3.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[728,4911,1313,2471],"plugin_category":[],"plugin_contributors":[80748],"plugin_business_model":[],"class_list":["post-30146","plugin","type-plugin","status-publish","hentry","plugin_tags-bootstrap","plugin_tags-modals","plugin_tags-pop-ups","plugin_tags-windows","plugin_contributors-neilgee","plugin_committers-neilgee"],"banners":{"banner":"https:\/\/ps.w.org\/bootstrap-modals\/assets\/banner-772x250.jpg?rev=985939","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/bootstrap-modals\/assets\/icon-128x128.jpg?rev=1138284","icon_2x":"https:\/\/ps.w.org\/bootstrap-modals\/assets\/icon-256x256.jpg?rev=983429","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>This plugin adds Bootstrap v3 Modal functionality to WordPress.<\/p>\n\n<p>It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.<\/p>\n\n<p>This does not bring in any other Bootstrap javascript or CSS functionality.<\/p>\n\n<p>There is sample HTML mark up code in the readme.txt for a selector and modal target element.<\/p>\n\n<p>Options to override the default CSS modal styling and also use a shortcode.<\/p>\n\n<p>Option to disable Bootstrap JS\/CSS files in case of conflict.<\/p>\n\n<h3>Usage<\/h3>\n\n<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>\n\n<p>There is also further usage information here: http:\/\/coolestguidesontheplanet.com\/bootstrap\/modal.php<\/p>\n\n<p>Mark up needs to be directly applied to post\/page or widget area or via a shortcode.<\/p>\n\n<p>Options to override the default CSS styling.<\/p>\n\n<p>Here is a simple HTML Modal MarkUp<\/p>\n\n<pre><code>&lt;!-- Button trigger modal --&gt;\n&lt;a class=\"btn btn-primary btn-lg\" href=\"#myModal1\" data-toggle=\"modal\"&gt;Launch demo modal&lt;\/a&gt;\n\n&lt;!-- Modal --&gt;\n&lt;div id=\"myModal1\" class=\"modal fade\" tabindex=\"-1\"&gt;\n    &lt;div class=\"modal-dialog\"&gt;\n        &lt;div class=\"modal-content\"&gt;\n            &lt;div class=\"modal-header\"&gt;\n                &lt;button class=\"close\" type=\"button\" data-dismiss=\"modal\"&gt;\u00d7&lt;\/button&gt;\n                    &lt;h4 class=\"modal-title\"&gt;My Title in a Modal Window&lt;\/h4&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"modal-body\"&gt;This is the body of a modal...&lt;\/div&gt;\n            &lt;div class=\"modal-footer\"&gt;This is the footer of a modal...&lt;\/div&gt;\n            &lt;\/div&gt;&lt;!-- \/.modal-content --&gt;\n    &lt;\/div&gt;&lt;!-- \/.modal-dialog --&gt;\n&lt;\/div&gt;&lt;!-- \/.modal --&gt;\n<\/code><\/pre>\n\n<p>You can change the modal size by adding an extra CSS class to the <strong>.modal-dialog<\/strong> div;<\/p>\n\n<pre>modal-lg<\/pre>\n\n<p>or<\/p>\n\n<pre>modal-sm<\/pre>\n\n<p>for large and small respectively.<\/p>\n\n<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>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin:<\/p>\n\n<ol>\n<li>Upload the <code>bootstrap-modals<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<p>Here is a simple HTML Modal MarkUp<\/p>\n\n<pre><code>&lt;!-- Button trigger modal --&gt;\n&lt;a class=\"btn btn-primary btn-lg\" href=\"#myModal1\" data-toggle=\"modal\"&gt;Launch demo modal&lt;\/a&gt;\n\n&lt;!-- Modal --&gt;\n&lt;div id=\"myModal1\" class=\"modal fade\" tabindex=\"-1\"&gt;\n    &lt;div class=\"modal-dialog\"&gt;\n        &lt;div class=\"modal-content\"&gt;\n            &lt;div class=\"modal-header\"&gt;\n                &lt;button class=\"close\" type=\"button\" data-dismiss=\"modal\"&gt;\u00d7&lt;\/button&gt;\n                    &lt;h4 class=\"modal-title\"&gt;My Title in a Modal Window&lt;\/h4&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"modal-body\"&gt;This is the body of a modal...&lt;\/div&gt;\n            &lt;div class=\"modal-footer\"&gt;This is the footer of a modal...&lt;\/div&gt;\n            &lt;\/div&gt;&lt;!-- \/.modal-content --&gt;\n    &lt;\/div&gt;&lt;!-- \/.modal-dialog --&gt;\n&lt;\/div&gt;&lt;!-- \/.modal --&gt;\n<\/code><\/pre>\n\n<!--section=changelog-->\n<p>= 1.3.2\n* 17\/11\/17\n* Update wp-color-picker to 2.1.2 to be compatible with WP 4.9<\/p>\n\n<h4>1.3.1.1<\/h4>\n\n<ul>\n<li>15th September 2017<\/li>\n<li>Fix undefined notice<\/li>\n<li>Compatible with WP 4.9<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>8th September 2017<\/li>\n<li>Added option to disable plugins Bootstrap Files - handy if theme is already bootstrap.<\/li>\n<li>Updated with Bootstrap 3.3.7<\/li>\n<li>Updated CSS styles for custom CSS options in plugin settings, more specific selectors.<\/li>\n<li>Option for alignment of header area of modal.<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>21st July 2016<\/li>\n<li>Added options page in WP Admin Dashboard &gt; Settings &gt; Bootstrap Modal<\/li>\n<li>Manual mark up tab<\/li>\n<li>CSS style options enable the style of the CSS to be overidden<\/li>\n<li>Shortcode now available - Shortcode tab - explains how the shortcode works<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>6th September 2015 - Updated with Bootstrap 3.3.5  - CSS change on close button to make circular and position offset off model<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>19th April 2015 - Updated with Bootstrap 3.3.4 - Fixes for a few significant bugs in the Modal plugin.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>22nd January 2015 - Updated with Bootstrap 3.3.2 - no functional changes for modals.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>13th November 2014 - Updated with Bootstrap 3.3.1 - https:\/\/github.com\/twbs\/bootstrap\/releases\/tag\/v3.3.1 - Included extra CSS for .close class used on Modal close button.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>27th June 2014 - Updated with Bootstrap 3.2.0 - https:\/\/github.com\/twbs\/bootstrap\/releases\/tag\/v3.2.0<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"This plugin adds Bootstrap Modal functionality to WordPress. All you need to do is add the Modal HTML mark up code.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/30146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=30146"}],"author":[{"embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/neilgee"}],"wp:attachment":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=30146"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=30146"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=30146"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=30146"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=30146"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=30146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}