Question

我最近开始使用bootstrap模式弹出窗口。除了我需要创建一个整个div层次结构以使用模态弹出窗口之外，它看起来很棒。 e.g。

<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个地方更改它，并且还有很多重复的代码似乎不正确。

我在这里缺少一些技巧或者是这样做的。

Answer 1

您可以使用一个可以为您的特定内容添加模板的功能，可以吗？

使用Bootstrap模式弹出窗口

1 个答案: