Tooltips

Basic Tooltip
Show Code
                    
        <button type="button" class="btn btn-primary" data-toggle="tooltip" title="This is a tooltip example">
        Show Tooltip
        </button>
                    
                  
Custom Content Tooltip
Show Code
                    
        <button type="button" class="btn btn-primary" data-toggle="tooltip" data-html="true" title="<div class='d-flex flex-row m-1'><img class='round' src='assets/images/avatar-3.png'/><div class='ml-2'><div class='font-weight-500 text-left'>Tony Stark</div><div class='text-left text-xs text-muted'>Full Stack Engineer</div></div></div>">
        Show Tooltip
        </button>
                    
                  
Disabled Tooltip
Show Code
                    
        <span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
        <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
        </span>
                    
                  
Styled Tooltip
Show Code
                    
        <span class="tooltip-light">
        <button class="btn btn-primary" data-toggle="tooltip" data-container=".tooltip-light" title="This is a tooltip example">Show Tooltip</button>
        </span>