團隊，
我正在做回應式的作業，我在移動模式下得到的選單是小尺寸的，但不是全寬的關閉按鈕。
這是我的圖片，供參考。
這里是
以下是我的代碼
<nav class=" navbar navbar-expand-lg navbar-light" >
<div class="container">
<a class="navbar-brand" href=<#"> <img src="images/GEPL-Capital-Logo. webp"></a>
<button class="navbar-toggler" style="margin-right: 5px ! important; " type="button"/span> data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"/span>> </span>>
</button>
< div class="collapse navbar-collapse top_nav" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto" >
<li class="nav-item"/span>>
<a href="#" class="nav-link"/span>> 首頁</a>。
<hr class="hr_nav"/span>>
</li>/span>
<li class="nav-item">/span>< a href="#" class="nav-link"> 關于我們</a>
</li>/span>
<li class="nav-item">/span>< a href="#" class="nav-link"> 支持</a>。
</li>/span>
<li class="nav-item">/span>< a href="#" class="nav-link"> 聯系我們</a>
</li>/span>
</ul>/span>
<ul class="navbar navbar-nav navbar-right" style="display: flex;">
<li>
<button class="btn top_login"/span>>
登錄
</button>登錄
</li>/span>
<li>/span>
<button class="btn sign_btn"/span>>
注冊
</button>
</li>/span>
</ul>/span>
</div>/span>
</div>/span>
</nav>
請讓我知道我做錯了什么。我正在使用" rel="nofollow noreferrer">bootstrap 5.0.2
uj5u.com熱心網友回復：
我洗掉了
.top_nav {margin-left: 204px!}
并添加
.top_nav {
position: fixed;
top: 0;
width: 100%;
background: #fff;
left: 0;
padding-top: 70px;
z-index: -1;
這里是更新的鏈接jsfiddle
UPDATE jsfiddle
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/309200.html
標籤：
下一篇：在bootstrap5.0中缺少card-columns類？除了使用cssmediaqueries和flexcolumn外，bootstrap是否提供任何替代方案？