如何更改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(); 
          }); 
       
   
    
                          

• 输出：