Question

我想知道你是否可以使用一个div并让它在其他地方使用CSS来节省空间并使事情更有条理。我有一组代码，它们使用相同的行代码，它的按钮以及弹出的内容。所以我想把div放在一个好位置并使用CSS让它弹出不同的弹出窗口

<div class = "example">
<ul class = "list">
<li>example</li>
<select name = "example">
<option value = "0">0</option>
</select></li>
<input ...example text...>
</ul>
</div>

所以它位于另一个div中，这个div是一个图像，当点击一个链接时，CSS就会弹出一些文本，它只是一个要为电子商务页面选择的东西的列表，我必须为每个重写它新项目，我有它的CSS只是设置弹出显示，我有弹出动作的jquery。而不是每次我想要它一次重写以上所述代码并使用CSS或java弹出所有弹出窗口

Answer 1

你可以自动引导和modal弹出窗口，因为你可以更轻松地使用它们，你可以用模态做各种各样的事情。

Bootstrap 不可思议易于使用

Bootstrap Modal example

 <!-- Trigger the modal with a button -->
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

 <!-- Modal -->
      <div id="myModal" class="modal fade" role="dialog">
          <div class="modal-dialog">

<!-- Modal content-->
      <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
          <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
     </div>

这是来自W3 Schools的示例 - 我知道它看起来很多，但Bootstrap将改变您的网页设计世界:)

Answer 2

保存您编写的代码（例如：example.php）。

然后您可以使用include / require：

将其与其他页面一起使用

例如：（example2.php）

include 'example.php';

or

require 'example.php';

您可以随时随地在php文件中使用此语法。

在多个位置使用div

2 个答案: