如何創建Bootstrap模式彈出窗口？

-3

我想創建彈出。我正在上衣網站的房子。當我點擊國家名稱文本彈出窗口顯示。請檢查 http://www.houseofblouse.com/index 如何創建Bootstrap模式彈出窗口？

2015-10-08 shaik.jameer

請說明您的具體問題或添加其他詳細信息，以確切地突出顯示您的需求。正如目前所寫，很難確切地說出你在問什麼。請參閱[如何提問]（http://stackoverflow.com/help/how-to-ask）頁面以獲得澄清此問題的幫助。 – Marusyk

請檢查http://www.houseofblouse.com/index頁面，在該頁面上點擊頁面頂部的國家名稱，這是想要的。請給這樣的例子 –

你需要添加更多和完整的細節，所以它將很容易理解你在找什麼。 – Mehmood

請使用下面的代碼示例。源（http://www.w3schools.com/bootstrap/bootstrap_modal.asp）

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <h2>Modal Example</h2> 
    <!-- 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 class="modal fade" id="myModal" 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> 

    </div> 
    </div> 

</div> 

</body> 
</html>

來源

2015-10-08 08:34:09 AceLearn

在那個網站彈出那裏popup.one兩個按鈕是同意另一個是取消。如果我們點擊同意顯示另一個彈出顯示國家名稱，如果任何國家名稱被選中彈出被關閉。如果我們點擊取消按鈕第一彈出，然後彈出關閉 –

@ shaik.jameer我們不是爲了讓您的要求成功。我們在這裏互相幫助。如果你想讓每件事情都相似，請聘請一些自由職業者，或者針對不同的問題發表不同的問題。 – Mehmood

如果使用的是引導，併爲解釋here：

首先創建一個按鈕，觸發模式

<!-- 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> 

    </div> 
</div>

來源

2015-10-08 08:38:09 TMichel

您的代碼 - >This is what you are looking for your website..

第一個彈出窗口會顯示給用戶，點擊Agree按鈕後會顯示第二個彈出窗口。

來源

2015-10-08 09:04:06

請檢查「houseofblouse.com/index頁面」，在該頁面上點擊頁面頂部的國家名稱，這就是想要的。請給出任何這樣的例子。我想要這樣彈出。 –

你只需要添加樣式... –

我需要附加任何CSS和jQuery的 –

如何創建Bootstrap模式彈出窗口？

回答

相關問題