Title: Bootstrap Modals
Author: neilgee
Published: <strong>Òkúdù 18, 2014</strong>
Last modified: Èbìbí  17, 2019

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/bootstrap-modals/assets/banner-772x250.jpg?rev=985939)

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://ps.w.org/bootstrap-modals/assets/icon-256x256.jpg?rev=983429)

# Bootstrap Modals

 Láti ọwọ́ [neilgee](https://profiles.wordpress.org/neilgee/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/bootstrap-modals.1.3.2.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/bootstrap-modals/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/bootstrap-modals/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/bootstrap-modals/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/bootstrap-modals/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/bootstrap-modals/)

## Àpèjúwe

This plugin adds Bootstrap v3 Modal functionality to WordPress.

It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.

This does not bring in any other Bootstrap javascript or CSS functionality.

There is sample HTML mark up code in the readme.txt for a selector and modal target
element.

Options to override the default CSS modal styling and also use a shortcode.

Option to disable Bootstrap JS/CSS files in case of conflict.

### Usage

Use either the Bootstrap API markup or Javascript to trigger the modal windows, 
this can be found here: http://getbootstrap.com/javascript/#modals

There is also further usage information here: http://coolestguidesontheplanet.com/
bootstrap/modal.php

Mark up needs to be directly applied to post/page or widget area or via a shortcode.

Options to override the default CSS styling.

Here is a simple HTML Modal MarkUp

    ```
    <!-- Button trigger modal -->
    <a class="btn btn-primary btn-lg" href="#myModal1" data-toggle="modal">Launch demo modal</a>

    <!-- Modal -->
    <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><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    ```

You can change the modal size by adding an extra CSS class to the **.modal-dialog**
div;

    ```
    modal-lg
    ```

or

    ```
    modal-sm
    ```

for large and small respectively.

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.

## Ìgbéwọlẹ̀

This section describes how to install the plugin:

 1. Upload the `bootstrap-modals` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

Here is a simple HTML Modal MarkUp

    ```
    <!-- Button trigger modal -->
    <a class="btn btn-primary btn-lg" href="#myModal1" data-toggle="modal">Launch demo modal</a>

    <!-- Modal -->
    <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><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    ```

## Àwọn àgbéyẹ̀wò

![](https://secure.gravatar.com/avatar/1db21927f52888eab0586b915ed203da3b958baa05c87ff086254b46695eee44?
s=60&d=retro&r=g)

### 󠀁[Good!](https://wordpress.org/support/topic/good-3777/)󠁿

 [ws24](https://profiles.wordpress.org/ws24/) Ọwẹ́wẹ̀ 7, 2018

Nice and easy WP plugin to display content in Bootstrap modals.

![](https://secure.gravatar.com/avatar/4553ddbdece7ace5ca411089f60a5cf1b011492f7ecfb63ab25f2cc6bd1daf90?
s=60&d=retro&r=g)

### 󠀁[Good plugin](https://wordpress.org/support/topic/good-plugin-2976/)󠁿

 [Bootstrap Themes](https://profiles.wordpress.org/bootstrapthemesio/) Agẹmọ 22,
2018

Very good plugin for WordPress.

![](https://secure.gravatar.com/avatar/1ec8e25c67db71b4411fb5c8d25f51361da8a958e51118b68d9f139911612c65?
s=60&d=retro&r=g)

### 󠀁[Слишком много багов](https://wordpress.org/support/topic/%d1%81%d0%bb%d0%b8%d1%88%d0%ba%d0%be%d0%bc-%d0%bc%d0%bd%d0%be%d0%b3%d0%be-%d0%b1%d0%b0%d0%b3%d0%be%d0%b2/)󠁿

 [fomenkoandrey](https://profiles.wordpress.org/fomenkoandrey/) Ẹrẹ́nà 13, 2017

Работает не корректно: Основное окно прыгает по ширине из-за скролбара. Модальное
окно появившись мгновенно исчезает. Т.е. плагин не работоспособен.

![](https://secure.gravatar.com/avatar/0935186377e764dfc0c2a6ed8fed14ff53b40e82f86c983e065c5254558cc80c?
s=60&d=retro&r=g)

### 󠀁[goooood!](https://wordpress.org/support/topic/goooood-6/)󠁿

 [zanpress](https://profiles.wordpress.org/zanpress/) Ọwẹ́wẹ̀ 3, 2016

goooooood!!

![](https://secure.gravatar.com/avatar/5598de4ac5127fb40e9f117764dd79426b868dc5d245f9aca7938e5032db644f?
s=60&d=retro&r=g)

### 󠀁[Good Plugin and Simple to use.](https://wordpress.org/support/topic/good-plugin-and-simple-to-use/)󠁿

 [euginepj](https://profiles.wordpress.org/euginepj/) Ọwẹ́wẹ̀ 3, 2016

Good Plugin and Simple to use.

![](https://secure.gravatar.com/avatar/611900665681470879404da53d4d504fa73ade8b8183eb21d816e7c382cfddef?
s=60&d=retro&r=g)

### 󠀁[Super Duper](https://wordpress.org/support/topic/super-duper-7/)󠁿

 [baxaid](https://profiles.wordpress.org/baxaid/) Ọwẹ́wẹ̀ 3, 2016

Great plugin, does what it says.

 [ Ka gbogbo àwọn àgbéyẹ̀wò 8 ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“Bootstrap Modals” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa
sí plugin yìí.

Àwọn Olùkópa

 *   [ neilgee ](https://profiles.wordpress.org/neilgee/)

[Túmọ̀ “Bootstrap Modals” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/bootstrap-modals)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/bootstrap-modals/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/bootstrap-modals/), tàbí ṣe àgbékalẹ̀
sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/bootstrap-modals/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/bootstrap-modals/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

= 1.3.2
 * 17/11/17 * Update wp-color-picker to 2.1.2 to be compatible with WP 4.9

#### 1.3.1.1

 * 15th September 2017
 * Fix undefined notice
 * Compatible with WP 4.9

#### 1.3.1

 * 8th September 2017
 * Added option to disable plugins Bootstrap Files Ìtumọ̀ Yorùbá: – handy if theme
   is already bootstrap.
 * Updated with Bootstrap 3.3.7
 * Updated CSS styles for custom CSS options in plugin settings, more specific selectors.
 * Option for alignment of header area of modal.

#### 1.3.0

 * 21st July 2016
 * Added options page in WP Admin Dashboard > Settings > Bootstrap Modal
 * Manual mark up tab
 * CSS style options enable the style of the CSS to be overidden
 * Shortcode now available Ìtumọ̀ Yorùbá: – Shortcode tab Ìtumọ̀ Yorùbá: – explains
   how the shortcode works

#### 1.2.1

 * 6th September 2015 Ìtumọ̀ Yorùbá: – Updated with Bootstrap 3.3.5 Ìtumọ̀ Yorùbá:–
   CSS change on close button to make circular and position offset off model

#### 1.2.0

 * 19th April 2015 Ìtumọ̀ Yorùbá: – Updated with Bootstrap 3.3.4 Ìtumọ̀ Yorùbá: –
   Fixes for a few significant bugs in the Modal plugin.

#### 1.1.0

 * 22nd January 2015 Ìtumọ̀ Yorùbá: – Updated with Bootstrap 3.3.2 Ìtumọ̀ Yorùbá:–
   no functional changes for modals.

#### 1.0.2

 * 13th November 2014 Ìtumọ̀ Yorùbá: – Updated with Bootstrap 3.3.1 Ìtumọ̀ Yorùbá:–
   https://github.com/twbs/bootstrap/releases/tag/v3.3.1 Ìtumọ̀ Yorùbá: – Included
   extra CSS for .close class used on Modal close button.

#### 1.0.1

 * 27th June 2014 Ìtumọ̀ Yorùbá: – Updated with Bootstrap 3.2.0 Ìtumọ̀ Yorùbá: –
   https://github.com/twbs/bootstrap/releases/tag/v3.2.0

#### 1.0.0

 * Initial release.

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.3.2**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 7 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **1,000+**
 *  Ẹ̀yà WordPress ** 3.8 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **5.2.26**
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/bootstrap-modals/)
 * Àwọn àmì
 * [bootstrap](https://yor.wordpress.org/plugins/tags/bootstrap/)[Modals](https://yor.wordpress.org/plugins/tags/modals/)
   [pop-ups](https://yor.wordpress.org/plugins/tags/pop-ups/)[windows](https://yor.wordpress.org/plugins/tags/windows/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/bootstrap-modals/advanced/)

## Àwọn ìbò

 4.5 lára àwọn ìràwọ̀ 5.

 *  [  7 5-star reviews     ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/bootstrap-modals/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/bootstrap-modals/reviews/#new-post)

[Wo gbogbo àwọn àgbéyẹ̀wò](https://wordpress.org/support/plugin/bootstrap-modals/reviews/)

## Àwọn Olùkópa

 *   [ neilgee ](https://profiles.wordpress.org/neilgee/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/bootstrap-modals/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](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)