引导程序4 |工具提示

当鼠标指针移到上方时，工具提示用于向用户提供有关该元素的交互式文本提示。例如，在下面的图像GeeksForGeeks中是一个按钮，当用户将鼠标移到该按钮上时，将弹出附加信息“计算机科学门户”。工具提示对于显示网页中不同元素的描述非常有用。

创建工具提示： data-toggle =“ tooltip”属性用于创建工具提示。 title属性用于指定应在工具提示中显示的文本。

例子：

 
 
 
    Tooltip 
      
    
    
  
    
      
    
    
      
    
    
      
    
    
 
  
 
      
    
          
        
            GeeksforGeeks
         
    
      
    
        $(document).ready(function() {
            $('[data-toggle="tooltip"]').tooltip();   
        });
    
 
  
                    

输出：

定位工具提示： data-placement属性用于设置工具提示属性的位置。工具提示元素可以显示在元素的顶部，左侧，右侧或底部。

例子：

 
 
 
    Tooltip 
      
    
    
  
    
      
    
    
      
    
    
      
    
    
 
  
 
      
    
          
        
            GeeksforGeeks
         
          
        Positioning Tooltip
          
        Top
                  
        Bottom
                  
        Left
                  
        Right
    
      
    
        $(document).ready(function() {
            $('[data-toggle="tooltip"]').tooltip();   
        });
    
 
  
                    

输出：