首页 / 问答 / [Bootstrap]中如何实现顶部导航栏(navbar)的靠左,居中或者靠右对齐菜单项呢?

[Bootstrap]中如何实现顶部导航栏(navbar)的靠左,居中或者靠右对齐菜单项呢?

0

在Bootstrap中,需要创建一个导航条,使Logo A在左边,菜单项在中间,Logo B在右边的布局,怎样实现是最好的方式呢?

回复 [×]
提交评论
请输入评论内容

3 个回答

  • 0

    在Bootstrap 4中,提供了弹性盒模型(flexbox)布局,对于布局顶部导航条来说更容易了(相比于Bootstrap 3及以下版本)。
    以下是一个Logo在左边和中间,文本链接位于右侧的顶部导航条布局,如图:

    代码如下:

    Rector的个人主页

    Rector

    2021-01-18 回答

    • 0

      以下是一种带有LOGO的导航条整体居中的效果,如图:

      代码如下:

      Rector的个人主页

      Rector

      2021-01-18 回答

      • 0

        以下是基于Bootstrap 4.5.2实现的菜单链接靠左,LOGO靠右的布局方式:

        效果如图:

        Rector的个人主页

        Rector

        2021-01-18 回答

        我来回答