如何更改 Twitter Bootstrap 工具提示的宽度和高度？

Bootstrap 工具提示：工具提示用于在鼠标指针移动时向用户提供有关元素的交互式文本提示。标准化的引导程序元素集合，就像一个小弹出窗口，每当用户执行任何特定操作单击、悬停（默认）和关注该元素时就会出现。它还支持特定事件的手动触发。

在本文中，我们将首先设计工具提示，然后我们将操纵该工具提示的高度和宽度。
创建工具提示： data-toggle=”tooltip” 属性用于创建工具提示。 title 属性用于指定应在工具提示内显示的文本。

• 程序：

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

• 输出：
  

更改工具提示的宽度/高度：在这里，我们将通过覆盖一些默认 CSS 属性来修改 .tooltip-inner 类以满足该需求。下面是相同的实现。

• 程序：

   
   
   
      Tooltip 
        
       
       
    
       
        
       
       
        
       
       
        
       
       
      
          body {
              text-align:center;
          }
            
          h1 {
              color: green;
          }
          .tooltip-inner
                      {
                          width:200px;
                          height:100px; 
                          padding:4px;
                      }
      
   
    
   
        
       
            
           
              GeeksforGeeks 
           
       
        
       
          $(document).ready(function() { 
              $('[data-toggle="tooltip"]').tooltip(); 
          }); 
       
   
    
                          

• 输出：