"Windows 8 Bootstrap Modals"
Bootstrap 3.3.0 Snippet by AtiqUrRehman

<div class="container"> <div class="row"> <h2>Windows 8 Bootstrap Modals </h2> </div> <div class="row"> <!-- Large modal --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Windows 8 modal - Click to View</button> <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <H2>Battery Low!</H2> <h4>Your Laptop battery is less then 10%.Recharge the battery.</h4> </div> </div> </div> </div> </div> </div>
.modal { /* display: block;*/ padding-right: 0px; background-color: rgba(4, 4, 4, 0.8); } .modal-dialog { top: 20%; width: 100%; position: absolute; } .modal-content { border-radius: 0px; border: none; top: 40%; } .modal-body { background-color: #0f8845; color: white; }

Similar snippets: See More


Comments:

comments powered by Disqus