html – CSS float-right在Bootstrap 4 Navbar中不起作用

概述我试图让我的导航链接浮动到导航栏的右侧,但我无法让它工作.我尝试过使用“.float-right”,“float-xs-right”和“justify-content-end”bootstrap 4类,同时使用“float：right！important;”在我的CSS文件中,它仍然无法正常工作. 这是我网站导航栏的HTML： <div id="navbar" class="navbar navb 我试图让我的导航链接浮动到导航栏的右侧,但我无法让它工作.我尝试过使用“.float-right”,“float-xs-right”和“justify-content-end”bootstrap 4类,同时使用“float：right！important;”在我的CSS文件中,它仍然无法正常工作.

这是我网站导航栏的HTML：

<div ID="navbar" >    <div >        <div >            <div >                <img src="images/logo.png" wIDth="88px">                Scervino Lawn Service            </div>            <ul >                <li >                    <a  href="home">Home</a>                </li>                <li >                    <a  href="services">Services</a>                </li>                <li >                    <a  href="about">About Us</a>                </li>                <li >                    <a  href="contact">Contact</a>                </li>            </ul>        </div>    </div></div>

这是CSS：

#navbar {    Box-shadow: 0px 0px 11px #000;    padding: 0;}#navbar .navbar-brand {    Font-size: 1.6em;    Font-weight: bold;    color: #9CCC58;}

我对bootstrap 4框架比较陌生,所以我可能只是犯了一个愚蠢的错误,但希望有人可以帮助我. 总结

以上是内存溢出为你收集整理的html – CSS float-right在Bootstrap 4 Navbar中不起作用全部内容，希望文章能够帮你解决html – CSS float-right在Bootstrap 4 Navbar中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。