📌  相关文章
📜  如何在Bootstrap 4中在右侧设置汉堡包项目？

📅  最后修改于: 2021-05-25 11:12:22             🧑  作者: Mango

在Bootstrap 4中，NavBar是用于菜单目的的基本组件。在Bootstrap 3中通过使用float-right类将菜单项向右对齐是很好的方法，但在Bootstrap 4中则不起作用，因为导航栏现在是flexbox。以下方法将清楚地说明。

在Bootstrap 4中，NavBar包含许多项，例如文本，链接文本，禁用链接，下拉按钮，表单等。要对齐文本，链接文本，禁用链接和下拉按钮，请使用class =“ text-right”。但是对于表格，请使用表格类=“ flex-row-reverse”在NavBar中右对齐。如果不需要默认类，则使用CSS属性也可能有助于在NavBar中对齐。

下面的示例说明了如何在引导程序4的右侧设置汉堡包项目。

例子： 



  

    
    
    
    
    
    

  

    

    

            

             GeeksforGeeeks
            

            
Hamburger items on the right in bootstrap 4

            

  
            
        

    


  

输出：

参考： https://getbootstrap.com/docs/4.0/components/navbar/