Non-Modal Bootstrap Dialog Box

This is a simple twitter bootstrap non-modal box,
this box will be hidden first,
The jquery (javascript) fadeIn function will show it gradually,
The fade In effect will take 5 seconds to complete.
We can delete the JS part and remove the css hide attribute to display immediately.

Framework 1 :

Framework 2 :

+ Js file(s) :	//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js

+ Css file(s) :	//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css
	Apply

	Link :
Direct http link :
	Fork button :

Html code :
	Embed preview :
	Copy the following html code to your page to embed the preview, To include many previews on a single page, just repeat the first line. You can change the width, height and border color (bcolor).

<div class="refork-widget" code="657" style="width:100%;height:200px;" bcolor="#ccc"></div> <script type="text/javascript" src="//snippet.run/d/z.js"></script>

HTML

CSS

Javascript

Non-Modal Bootstrap Dialog Box

Link :

Fork button :

Embed preview :