This plugin adds Bootstrap v3 Modal functionality to WordPress.
此插件向WordPress添加了Bootstrap v3 Modal功能。 p>
It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.
它仅添加了用于模态的Bootstrap Javascript插件和相关的CSS。 p>
This does not bring in any other Bootstrap javascript or CSS functionality.
这不会引入任何其他Bootstrap javascript或CSS功能。 p>
There is sample HTML mark up code in the readme.txt for a selector and modal target element.
readme.txt中有一个用于选择器和模式目标元素的示例HTML标记代码。 p>
Options to override the default CSS modal styling and also use a shortcode.
用于覆盖默认CSS样式样式并且还使用简码的选项。 p>
Option to disable Bootstrap JS/CSS files in case of conflict.
在发生冲突时禁用Bootstrap JS / CSS文件的选项。 p>
Usage
用法 h3>
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 p>
There is also further usage information here: http://coolestguidesontheplanet.com/bootstrap/modal.php
此处还有更多使用信息:http://coolestguidesontheplanet.com/bootstrap/modal.php p>
Mark up needs to be directly applied to post/page or widget area or via a shortcode.
标记需要直接应用于帖子/页面或窗口小部件区域或通过短代码进行。 p>
Options to override the default CSS styling.
覆盖默认CSS样式的选项。 p>
Here is a simple HTML Modal MarkUp
这是一个简单的HTML模式标记 p>
<!-按钮触发模式->Launch demo modal
启动演示模式
<!-模态->
div> <!-/.modal->
code> pre>
You can change the modal size by adding an extra CSS class to the .modal-dialog div;
您可以通过在 .modal-dialog strong> div中添加一个额外的CSS类来更改模式大小; p>modal-lg
modal-lg pre>or
或 p>
modal-sm
modal-sm pre>for large and small respectively.
分别表示大和小。 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
自版本1.0.2起,包含额外的CSS,用于将关闭按钮设置为类似于Bootstrap安装的状态,要为关闭按钮覆盖默认CSS,请在您的CSS样式中使用CSS选择器.modal-dialog .close {}
.
p>