mirror of https://github.com/twbs/bootstrap.git
				
				
				
			transitions and text changes
This commit is contained in:
		
							parent
							
								
									8a92a9ab3b
								
							
						
					
					
						commit
						c6d5fee88a
					
				| 
						 | 
					@ -4,7 +4,7 @@ title: Popovers
 | 
				
			||||||
group: components
 | 
					group: components
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Add small overlays of content, like those found in iOS, to any element for housing secondary information.
 | 
					Add small overlay content, like those found in iOS, to any element for housing secondary information.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## Contents
 | 
					## Contents
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -23,6 +23,8 @@ Things to know when using the popover plugin:
 | 
				
			||||||
- Popovers for `.disabled` or `disabled` elements must be triggered on a wrapper element.
 | 
					- Popovers for `.disabled` or `disabled` elements must be triggered on a wrapper element.
 | 
				
			||||||
- When triggered from hyperlinks that span multiple lines, popovers will be centered. Use `white-space: nowrap;` on your `<a>`s to avoid this behavior.
 | 
					- When triggered from hyperlinks that span multiple lines, popovers will be centered. Use `white-space: nowrap;` on your `<a>`s to avoid this behavior.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					Got all that? Great, let's see how they work with some examples.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## Example: Enable popovers everywhere
 | 
					## Example: Enable popovers everywhere
 | 
				
			||||||
 | 
					
 | 
				
			||||||
One way to initialize all popovers on a page would be to select them by their `data-toggle` attribute:
 | 
					One way to initialize all popovers on a page would be to select them by their `data-toggle` attribute:
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -4,7 +4,7 @@ title: Tooltips
 | 
				
			||||||
group: components
 | 
					group: components
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
 | 
					Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## Contents
 | 
					## Contents
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -22,6 +22,8 @@ Things to know when using the popover plugin:
 | 
				
			||||||
- Tooltips for `.disabled` or `disabled` elements must be triggered on a wrapper element.
 | 
					- Tooltips for `.disabled` or `disabled` elements must be triggered on a wrapper element.
 | 
				
			||||||
- When triggered from hyperlinks that span multiple lines, tooltips will be centered. Use `white-space: nowrap;` on your `<a>`s to avoid this behavior.
 | 
					- When triggered from hyperlinks that span multiple lines, tooltips will be centered. Use `white-space: nowrap;` on your `<a>`s to avoid this behavior.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					Got all that? Great, let's see how they work with some examples.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## Example: Enable popovers everywhere
 | 
					## Example: Enable popovers everywhere
 | 
				
			||||||
 | 
					
 | 
				
			||||||
One way to initialize all tooltips on a page would be to select them by their `data-toggle` attribute:
 | 
					One way to initialize all tooltips on a page would be to select them by their `data-toggle` attribute:
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue