在Bootstrap中,需要创建一个导航条,使Logo A在左边,菜单项在中间,Logo B在右边的布局,怎样实现是最好的方式呢?
Rector
2021-01-20 提问
在Bootstrap 4中,提供了弹性盒模型(flexbox)布局,对于布局顶部导航条来说更容易了(相比于Bootstrap 3及以下版本)。以下是一个Logo在左边和中间,文本链接位于右侧的顶部导航条布局,如图:
代码如下:
2021-01-18 回答
以下是一种带有LOGO的导航条整体居中的效果,如图:
以下是基于Bootstrap 4.5.2实现的菜单链接靠左,LOGO靠右的布局方式:
效果如图:
码龄: 3136天
专注.NET/.NET Core