Html 在多个位置使用div

我想知道你是否可以使用一个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>

范例
0

---

因此，它位于另一个div中，它是一个图像和一些文本，CSS在点击链接时弹出，它只是一个电子商务页面要选择的内容列表，我必须为每个新项目重写它，我为它使用的CSS只是设置弹出显示，我有jquery用于弹出操作。我不想每次都重写上面提到的代码，而是使用CSS或java让它与所有弹出窗口一起弹出，你可以为弹出窗口启动一个

模式，因为你可以更轻松地使用它们，你可以用modals做各种事情

而且引导程序非常易于使用



开放模态
&时代；
模态头
模态中的一些文本

接近

这是一个来自的例子-我知道这似乎很多，但引导将改变你的网页设计世界：）
保存您编写的代码（例如：as example.php）

然后，您可以使用include/require将其与其他页面一起使用：

例如：（example2.php）

您可以在php文件中的任何时间和任何位置使用此语法
 您可以使用JS将其位置移动到某个div内，也可以使用项目上的固定位置。如果没有代码示例，很难理解您的意思。要在不同的弹出窗口中使用它，需要使用javascript。document.getElementById（'other-popup'）.appendChild（document.getElementById（'resuable-div'））但必须从服务器调用该页面才能正常工作。XAMPP或类似的解决方案可以作为本地解决方案使用，但仅在浏览器中打开文件是不起作用的。我同意。但是，没有提到他需要在没有服务器的情况下打开文件。尽管如此，它仍然可以解决这个问题。
 <!-- 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>

include 'example.php';

or

require 'example.php';