How to add dialog box in bootstrap?
In this post we will give you information about How to add dialog box in bootstrap?. Hear we will give you detail about How to add dialog box in bootstrap?And how to use it also give you demo for it if it is necessary.
We always need to dialog box in our project because modal is very interesting and specially for GUI. Always we like to use modal for creating data or editing data and also for conformation. So if you think how to set modal in my project then it is very easy you have to just copy bellow example and run in your local you will find result. In this example i provide bootstrap modal example with code so it pretty simple to use.
Example:
<html lang="en">
<head>
<title>Bootstrap modal popup example</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<a href="#myDemoModal" role="button" data-toggle="modal">Promote Demo Modal</a>
<!-- Modal HTML -->
<div id="myDemoModal" >
<div >
<div >
<div >
<button type="button" data-dismiss="modal" aria-hidden="true">×</button>
<h4 >I am from Itsolutionstuff.com</h4>
</div>
<div >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div >
<button type="button" data-dismiss="modal">Close</button>
<button type="button" >I Read</button>
</div>
</div>
</div>
</div>
<!-- Modal HTML End -->
</body>
</html>
Hope this code and post will helped you for implement How to add dialog box in bootstrap?. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs