2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								<!DOCTYPE html> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< html > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< head > 
							 
						 
					
						
							
								
									
										
										
										
											2014-11-05 08:18:11 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  < meta  charset = "utf-8" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < meta  http-equiv = "X-UA-Compatible"  content = "IE=edge" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < meta  name = "viewport"  content = "width=device-width, initial-scale=1" > 
							 
						 
					
						
							
								
									
										
										
										
											2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								  < title > Tooltip< / title > 
							 
						 
					
						
							
								
									
										
										
										
											2015-05-12 14:32:37 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  < link  rel = "stylesheet"  href = "../../../dist/css/bootstrap.css" > 
							 
						 
					
						
							
								
									
										
										
										
											2015-05-07 04:34:14 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  <!--  HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries  --> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  <!--  WARNING: Respond.js doesn't work if you view the page via file://  --> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  <!-- [if lt IE 9]>
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < script  src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" > < / script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < script  src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  <![endif]--> 
							 
						 
					
						
							
								
									
										
										
										
											2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								< / head > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< body > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< div  class = "container" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < div  class = "page-header" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < h1 > Tooltip < small > Bootstrap Visual Test< / small > < / h1 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2015-05-12 14:32:37 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  < p  class = "muted"  style = "margin-bottom: 0;" > Tight pants next level keffiyeh < a  href = "#"  data-toggle = "tooltip"  title = "Default tooltip" > you probably< / a >  haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel < a  href = "#"  data-toggle = "tooltip"  title = "Another tooltip" > have a< / a >  terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan < a  href = "#"  data-toggle = "tooltip"  title = "Another one here too" > whatever keytar< / a > , scenester farm-to-table banksy Austin < a  href = "#"  data-toggle = "tooltip"  title = "The last tip!" > twitter handle< / a >  freegan cred raw denim single-origin coffee viral.
							 
						 
					
						
							
								
									
										
										
										
											2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								  < / p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < hr > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  < p > 
							 
						 
					
						
							
								
									
										
										
										
											2015-05-12 14:32:37 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								    < button  type = "button"  class = "btn btn-default"  data-toggle = "tooltip"  data-attachment = "left"  title = ""  data-original-title = "Tooltip on left" > Tooltip on left< / button > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < button  type = "button"  class = "btn btn-default"  data-toggle = "tooltip"  data-attachment = "top"  title = "Tooltip on top" > Tooltip on top< / button > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < button  type = "button"  class = "btn btn-default"  data-toggle = "tooltip"  data-attachment = "bottom"  title = "Tooltip on bottom" > Tooltip on bottom< / button > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < button  type = "button"  class = "btn btn-default"  data-toggle = "tooltip"  data-attachment = "right"  title = "Tooltip on right" > Tooltip on right< / button > 
							 
						 
					
						
							
								
									
										
										
										
											2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								  < / p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								<!--  JavaScript Includes  --> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< script  src = "../vendor/jquery.min.js" > < / script > 
							 
						 
					
						
							
								
									
										
										
										
											2015-05-12 14:32:37 +08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								< script  src = "../vendor/tether.min.js" > < / script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< script  src = "../../dist/util.js" > < / script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< script  src = "../../dist/tooltip.js" > < / script > 
							 
						 
					
						
							
								
									
										
										
										
											2014-06-08 10:11:44 +08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								<!--  JavaScript Test  --> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								$(function () {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  $('[data-toggle="tooltip"]').tooltip()
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								})
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< / script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< / body > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< / html >