認真來說,其實所有的元件都可以用置中。
你會有此一問,其實也就代表你對於排版並不是很清楚了解。
而且也不太清楚你所謂置中的意思是什麼。
畢竟,沒程式碼,沒圖。
這樣所謂的置中有非常多種解釋。
最好還是將問題問清楚一點,這樣人家才好對你的問題回答清楚。
能提供畫面或程式碼。就算不會解釋,至少高手還能從你給的程式碼了解一些問題。
因為Nav元件的display是flex,所以要置中很簡單,你可以在Nav裏的元件,最前和最後各加一個flex:1的div就好了。
範例
https://codesandbox.io/s/bootstrap-5-test-forked-g2qswg?file=/index.html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<div style="flex: 1;"></div>
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true"
>Disabled</a
>
<div style="flex: 1;"></div>
</div>
</nav>