[wordpress插件] Bootstrap Modals引导模态

This plugin adds Bootstrap v3 Modal functionality to WordPress.

此插件向WordPress添加了Bootstrap v3 Modal功能。

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

它仅添加了用于模态的Bootstrap Javascript插件和相关的CSS。

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

这不会引入任何其他Bootstrap javascript或CSS功能。

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

readme.txt中有一个用于选择器和模式目标元素的示例HTML标记代码。

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

用于覆盖默认CSS样式样式并且还使用简码的选项。

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

在发生冲突时禁用Bootstrap JS / CSS文件的选项。

Usage

用法

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

使用Bootstrap API标记或Javascript触发模式窗口，可在以下位置找到：http://getbootstrap.com/javascript/#modals

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

此处还有更多使用信息：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.

覆盖默认CSS样式的选项。

Here is a simple HTML Modal MarkUp

这是一个简单的HTML模式标记

  <！-按钮触发模式->
Launch demo modal
启动演示模式
<！-模态->
    
    
        
        
            
            
                
                
×                    
×                    
My Title in a Modal Window
            
我在模态窗口中的标题            
            
            
This is the body of a modal...
            
这是模态的主体...             
This is the footer of a modal...
            
这是模态的页脚...             
    
 <！-/.modal-content->    
 <！-/.modal-dialog->
 <！-/.modal->
 
You can change the modal size by adding an extra CSS class to the .modal-dialog div;
您可以通过在 .modal-dialog  div中添加一个额外的CSS类来更改模式大小； 
modal-lg
 modal-lg 
or
或
modal-sm
 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
自版本1.0.2起，包含额外的CSS，用于将关闭按钮设置为类似于Bootstrap安装的状态，要为关闭按钮覆盖默认CSS，请在您的CSS样式中使用CSS选择器.modal-dialog .close {} 
.