📜  如何在Bootstrap中将按钮对齐到文本框的右侧?

📅  最后修改于: 2021-05-25 16:42:49             🧑  作者: Mango

Bootstrap允许我们使用实用程序类float对齐元素。当我们想将按钮对齐到文本框的右侧时,我们必须使用float-right类。

句法:


例子:



  

    Bootstrap Button Alingment
    
    
    
    
    
    

  

    
        

          GeeksforGeeks       

        
            
                                              
            
                             
        
    
  

输出:

注意:虽然默认情况下,按钮之类的元素是左对齐的,但我们仍然可以使用float-left类来专门提及它。我们还可以使用float-none类删除任何分层浮动。
重要的是要注意我们在这里使用Bootstrap 4,在Bootstrap 3或Bootstrap 2中,我们可以使用辅助类(例如pull-leftpull-right)来相应地将元素向左或向右对齐。