複数の場所でdivを使用する

Question

1つのdivを使用できるかどうか、スペースを節約してより整理しやすいように他の場所でCSSでポップアップさせることができるかどうかを知りたい。私はたくさんの同じ行を使用するコードのセットを持っています、それはボタンで、あなたはポップアップで何を持っていますか？だから私は、だから、CSSが時にポップアップしている画像とテキストで別のdivの内側に座っている素敵なスポットでのdivに座ると、それは別のポップアップの下

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

をポップアップ持つようにCSSを使用したいですリンクがクリックされると、それは電子商取引のページのために選ぶべきもののリストです、私はそれをそれぞれの新しい項目のためにそれぞれ書き直さなければなりません、私はそれを持っているCSSは表示をポップアップ設定し、アクション。代わりに、コードの私は一度それをしたいと、それはあなたが簡単に時間を持つことになりますので、あなたがポップアップ用modalをブートストラップし、可能性がポップアップ

Answer 1

の全てをポップアップ表示持っているCSSやJavaを使用するたびに書き換えられ、上記述べたことを持っていることのそれらと一緒に、あなたはモーダルであらゆる種類のことをすることができます。

とブートストラップは、信じられないほど簡単これはW3 Schoolsの例である

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> 

使用するである - 私はそれはたくさんのように思えるが、知っているブートストラップは、あなたのWebデザインの世界を変更します:)

Answer 2

あなたが書いたコードを保存します（例：example.php）。あなたは、PHPファイル内で、いつでもどこでも、この構文を使用することができます（example2.php）

include 'example.php'; 

or 

require 'example.php'; 

：例えば

：

あなたが必要と/含まを使用して他のページでそれを使用することができます。