Tooltips

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage.

https://getbootstrap.com/docs/5.1/components/tooltips/

Tooltips Examples

Preview
HTML

                  
	                  <button type="button" class="btn btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
	                    Tooltip on top
	                  </button>

                  
	                  <button type="button" class="btn btn-warning" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
	                    Tooltip on right
	                  </button>

                  
	                  <button type="button" class="btn btn-warning" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">
	                    Tooltip on bottom
	                  </button>

                  
	                  <button type="button" class="btn btn-warning" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">
	                    Tooltip on left
	                  </button>

Tooltip Disabled Elements

Preview
HTML

                  
	                  <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="Disabled element">
	                    <button class="btn btn-warning" type="button" disabled>
	                      Disabled button
	                    </button>
	                  </span>