我目前的導航欄有一些問題?，F在它看起來像圖像一，但我想讓它看起來像圖像 2。我該怎么做？我必須添加 CSS 上的某些內容嗎？/* Nav Bar*/.navbar-brand{ height: 3.5rem;}.navbar-nav li { padding-right: 0.1rem;}.nav-link { font-size: 1.1rem; font-weight: 500;}.nav-item:hover { border-bottom: 1px solid #FF7200;}.nav{ }<body> <!--Navigation--> <nav class="navbar navbar-expand-md navbar-light bg-light fixed-top"> <div class="container-fluid"> <img class="navbar-brand" src="../img/IMG_0537.PNG" alt="KAJ Construction Logo"/> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#section-Services" >Services</a> </li> <li class="nav-item"> <a class="nav-link" href="#section-Gallery" >Gallery</a> </li> <li class="nav-item"> <a class="nav-link" href="#section-Contact" >Contact Us</a> </li> </ul> </div> </div> </nav>
如何防止導航欄標題重疊？
森林海
2021-11-12 16:24:35
