Sometimes you want to add a tooltip to a hyperlink that wraps multiple lines. The default behavior of the tooltip plugin is to center it horizontally and vertically. Add white-space: nowrap; to your anchors to avoid this.
-
1<!-- HTML to write -->
- 2<ahref="#"data-toggle="tooltip"title="Some tooltip text!">Hover over me</a>
- 3
- 4<!-- Generated markup by the plugin -->
- 5<divclass="tooltip top"role="tooltip">
- 6<divclass="tooltip-arrow"></div>
- 7<divclass="tooltip-inner">
- 8 Some tooltip text!
- 9</div>
-10</div>
+
<!-- HTML to write -->
+<ahref="#"data-toggle="tooltip"title="Some tooltip text!">Hover over me</a>
+
+<!-- Generated markup by the plugin -->
+<divclass="tooltip top"role="tooltip">
+ <divclass="tooltip-arrow"></div>
+ <divclass="tooltip-inner">
+ Some tooltip text!
+ </div>
+</div>
Options
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".
@@ -1990,7 +1990,7 @@
Via data attributes
Use data attributes to easily control the position of the carousel. data-slide accepts the keywords prev or next, which alters the slide position relative to its current position. Alternatively, use data-slide-to to pass a raw slide index to the carousel data-slide-to="2", which shifts the slide position to a particular index beginning with 0.
-
The data-ride="carousel" attribute is used to mark a carousel as animating starting at page load.
+
The data-ride="carousel" attribute is used to mark a carousel as animating starting at page load. It cannot be used in combination with (redundant and unnecessary) explicit JavaScript initialization of the same carousel.