update demo with new backdrop feature

Author: sandywalker

demo/demo.css

@@ -318,12 +318,17 @@ body{
 				right:180px;
 			}
 
+			#advanced .show-pop-backdrop{
+				bottom:20px;
+				left:20px;
+			}
+
 			#advanced form{
 				margin:120px auto 0 auto;
 				width:500px;
 				border:1px solid #eee;
 				padding:20px;
-				height:350px;
+				height:300px;
 			}
 
 			#events {

demo/index-dev.html

@@ -342,7 +342,9 @@ <h2 >Input hints</h2>
 
 									  <button type="submit" class="btn btn-default">Submit</button>
 									  <div class="clearfix"></div>
+
 									</form>
+									 <a href="#" class="show-pop-backdrop btn btn-default " data-placement="auto">pop with backdrop</a>
 								</div>
 								<div id="events" class="content">
 									<div class="btns">
@@ -552,6 +554,8 @@ <h2 >Input hints</h2>
 																						}
 																					});
 
+					$('a.show-pop-backdrop').webuiPopover('destroy').webuiPopover({content:'popover with backdrop!', backdrop:true});
+
 					 var
 					 	iframeSettings = {	width:500,
 					 						height:350,

demo/index.html

@@ -345,6 +345,7 @@ <h2 >Input hints</h2>
 									  <button type="submit" class="btn btn-default">Submit</button>
 									  <div class="clearfix"></div>
 									</form>
+									<a href="#" class="show-pop-backdrop btn btn-default " data-placement="auto">pop with backdrop</a>
 								</div>
 								<div id="events" class="content">
 									<div class="btns">
@@ -582,6 +583,8 @@ <h2 >Input hints</h2>
 					 						}};
 					$('a.show-pop-async').webuiPopover('destroy').webuiPopover($.extend({},settings,asyncSettings));
 
+					$('a.show-pop-backdrop').webuiPopover('destroy').webuiPopover({content:'popover with backdrop!', backdrop:true});
+
 
 					// var nocacheSettings = {
 					// 		cache:true,
@@ -611,6 +614,8 @@ <h2 >Input hints</h2>
 							});
 					});
 
+
+
 
 					$('body').on('click','.pop-click',function(e){
 						e.preventDefault();