Hi Friends, Today i will tell you, how to create a popup using bootstrap it is very simple code for creating a popup. only you have to write few lines of code and your popup is ready. It helps in your website designing and looks good after creating it. I have given you a responsive pop-up code. Use it anywhere. Now learn How To Create A Popup Using Bootstrap.
See the demo below
Any Text as per your wishes.
Now i will tell you how it is works. You have to follow some steps to create a popup.
See the steps below:
Step1: You have to add some lines in the head section of your webpage. These lines are
<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”>
Step2: After that you have to write some code in the body section.
<div class="container"><button class="btn btn-info btn-lg" type="button" data-toggle="modal" data-target="#myModal">Open SEO Website Designing Pop-up</button> <!-- Modal --> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal">×</button> <h4 class="modal-title">Write Your Header</h4> </div> <div class="modal-body"> Any Text as per your wishes. </div> <div class="modal-footer"><button class="btn btn-default" type="button" data-dismiss="modal">Close</button></div> </div> </div> </div> </div>
Step3: Now your pop-up is ready for work just change the header and text of the pop-up and enjoy the pop-up.
You can use this code anywhere in your project. Now you learn how to create a popup using bootstrap.
Read About Other Interesting Things below.
Categories: Website Design