使用 Bootstrap 模式弹出窗口答案

【问题标题】：Using Bootstrap modal popup使用 Bootstrap 模式弹出窗口
【发布时间】：2015-09-21 13:33:21
【问题描述】：

我最近开始使用引导模式弹出窗口。它看起来很棒，除了一件烦人的事情我需要创建一个完整的 div 层次结构来使用模式弹出窗口。例如

<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我更喜欢将标题内容、正文内容作为参数传递的方式，而不是创建整个结构。我对结构的基本问题是，如果明天 Bootstap 重命名/添加一个新类，我需要在 N 个地方更改它，而且还有很多重复的代码似乎不正确。

我在这里遗漏了一些技巧，或者要这样做。

【问题讨论】：

您可以拥有一个模型模板并在运行时更改header 数据、body 数据和footer 数据
我想说这取决于您使用的框架（如果有的话）。不同的有不同的方法来处理这种情况。
@lxonal 我正在使用 Jquery & Bootstrap Js
@CerlinBoss 我也在考虑同样的问题。我认为有一些我缺少的内置机制。将尝试做模板路线
这可能会派上用场 - bootboxjs.com

标签： jquery css twitter-bootstrap bootstrap-modal

【解决方案1】：

您可以使用将模板添加到您的特定内容的功能，可以吗？

【讨论】：