Breaking News

How to make a modal popup using bootstrap

Share on Google Plus

How to make a modal popup using bootstrap :

Hello Friends,

Today I’m taking about “How to make a modal popup using bootstrap”. A popup window is a web browser window that is fix on our browser. This is a JavaScript method of bootstrap. So let’s make a responsive popup for your website with bootstrap.

Put this code in head part in your document in Dreamweaver:-


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="">

<!-- jQuery library -->
<script src=""></script>

<!-- Latest compiled JavaScript -->
<script src=""></script>



Put this code in body part in your document in Dreamweaver:-


<!-- Button trigger modal -->

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

  Launch demo modal



<!-- Modal -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

  <div class="modal-dialog">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

        <h4 class="modal-title" id="myModalLabel">Modal title</h4>


      <div class="modal-body">

        Bel-Technology Blog


      <div class="modal-footer">

        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

        <button type="button" class="btn btn-primary">Save changes</button>






Now save your document in Dreamweaver and run this code on
browser. You see a button on window like that:-
Click on this button. You show a popup on your window screen like
See the example on this link:-



You Might Also Like


Our Logo

Our Logo
Tech Hunters

Like us on Facebook