📜  如何在Bootstrap 4中设置水平对齐的手风琴?

📅  最后修改于: 2021-05-25 15:58:37             🧑  作者: Mango

垂直手风琴在Web开发中非常流行,但是在少数情况下需要水平手风琴,因此在本文中我们将使用指针事件。我们将采用书写模式来更改手风琴标题视图。并使用变换旋转整个手风琴。

下面的程序说明了上述方法:
程序:



  

    Horizontal Acordion
    
    
    
    
    
    

  

    
                    

GeeksforGeeks

        A Computer Science Portal for Geeks         

A Horizontal Acordion

        
                            
                
                    Accordion Slide 1                 
                
                    
                        If you like GeeksforGeeks and would like                       to contribute you can also write an article                        using contribute.geeksforgeeks.org                     
                
            
            
                
                    Accordion Slide 2                 
                
                    
                        If you like GeeksforGeeks and would like                       to contribute you can also write an article                        using contribute.geeksforgeeks.org                     
                
                
                    
                        Accordion Slide 3                     
                    
                        
                            If you like GeeksforGeeks and would like                           to contribute you can also write an article                           using contribute.geeksforgeeks.org                         
                    
                
                           
      
    
     

输出:

  • 单击手风琴之前:
  • 单击手风琴后: