Twitter bootstrap 模态内部的自举模态
如何使用Jquery在另一个模式中构建引导模式。第一个模式应该在后台。当我查阅引导文档时,发现一次显示多个模式需要自定义代码。有什么想法吗?你可能想试试引导模式插件(,)Twitter bootstrap 模态内部的自举模态,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,如何使用Jquery在另一个模式中构建引导模式。第一个模式应该在后台。当我查阅引导文档时,发现一次显示多个模式需要自定义代码。有什么想法吗?你可能想试试引导模式插件(,) × 堆叠一 一个好身体 一个好身体 一个好身体 发射模态 接近 好啊 × 第二层 一个好身体 一个好身体 发射模态 接近 好啊 × 第三组 一个好身体 接近 好啊 不要忘记从src文件夹添加这两个.js文件 <div id="stack1" class="modal fade" tabindex="-1" data-
×
堆叠一
一个好身体
一个好身体
一个好身体
发射模态
接近
好啊
×
第二层
一个好身体
一个好身体
发射模态
接近
好啊
×
第三组
一个好身体
接近
好啊
不要忘记从src文件夹添加这两个.js文件
<div id="stack1" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Stack One</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<p>One fine body…</p>
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
<button class="btn btn-default" data-toggle="modal" href="#stack2">Launch modal</button>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>
<div id="stack2" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Stack Two</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
<button class="btn btn-default" data-toggle="modal" href="#stack3">Launch modal</button>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>
<div id="stack3" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Stack Three</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>