桌面螢屏不錯，但移動螢屏面臨兩個問題：
JSFiddle 演示：
- 當我單擊漢堡選單時，該
Search按鈕消失并顯示在可折疊選單中。我希望它保持原樣，如下所示：
我究竟做錯了什么？請幫忙。這幾天我一直在為此苦苦掙扎！
uj5u.com熱心網友回復：
navbar引導程式中的類使用justify-content: space-between;屬性
/* Distribute items evenly
The first item is flush with the start,
the last is flush with the end */
你應該做的是把和navigation button放在search button里面division
選擇它：
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
并將其替換為：
<div class="d-flex gap-2">
<!-- navigation button -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- search division -->
<div class="search">
<button data-bs-toggle="offcanvas" href="#demo">S</button>
</div>
</div>
然后洗掉old search div
https://jsfiddle.net/kpfx89av/
編輯更新：https ://jsfiddle.net/yqhvm5pk/15/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/526977.html
標籤：htmlcss推特引导引导程序 5
上一篇：使影像和文本在串列內居中對齊