我用bootstrap来形成我的画布导航栏，当达到大尺寸时会扩展，但是，我需要我的导航栏元素在元素扩展时居中。我应该怎么做呢？。这是我到目前为止的代码。我尝试使用justify-content-center和使用网格系统，但这些都不起作用第一个
zzzyeukh1#
一个快速的解决方案是将justify-content-center类添加到offcanvas-body元素中，同时从ul.navbar-nav中删除flex-grow-1，以便justify-content-center类生效。下面是一个演示，其中包含了适当的更改（使用代码片段右上角的整页选项可以实际查看更改）：第一个
justify-content-center
offcanvas-body
ul.navbar-nav
flex-grow-1
8oomwypt2#
根据您的代码，只需将“justify-content-end”替换为“justify-content-center”
<ul class="navbar-nav justify-content-center flex-grow-1 pe-3">
2条答案
按热度按时间zzzyeukh1#
一个快速的解决方案是将
justify-content-center类添加到offcanvas-body元素中，同时从ul.navbar-nav中删除flex-grow-1，以便justify-content-center类生效。下面是一个演示，其中包含了适当的更改（使用代码片段右上角的整页选项可以实际查看更改）：
第一个
8oomwypt2#
根据您的代码，只需将“justify-content-end”替换为“justify-content-center”