gpt4 book ai didi

导航栏折叠的 CSS 修复

转载 作者:行者123 更新时间:2023-11-28 10:37:29 30 4
gpt4 key购买 nike

我知道这是一个很多人都遇到过的问题,但我不熟悉 Less 并且是 Bootstrap 的新手,我正在寻找一种全 CSS 解决方案来防止我的导航栏折叠到 768 像素以下:

<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid header-top">
<ul class="navbar-nav navbar-left list-inline contact-links">
<li><a href="tel:180042762687"><span class="glyphicon glyphicon-earphone"></span></a></li>
<li><a href='****live chat**'><span class="glyphicon glyphicon-comment"></span></a></li>
<li><a href="mailto:***@***"><span class="glyphicon glyphicon-envelope"></span></a></li>
</ul>

<ul class="navbar-nav navbar-right list-inline account-and-cart-links">
<li><a href="my-account.html"><span class="glyphicon glyphicon-user"></span></a></li>
<li><a href="my-cart.html"><span class="glyphicon glyphicon-shopping-cart"></span></a></li>
</ul>

</div>

</div>

最佳答案

添加pull-leftpull-right<ul>的。

JSFiddle

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid header-top">
<ul class="navbar-nav navbar-left pull-left list-inline contact-links">
<li><a href="tel:180042762687"><span class="glyphicon glyphicon-earphone">
</span></a></li>
<li><a href='****live chat**'><span class="glyphicon glyphicon-comment"></span></a></li>
<li><a href="mailto:***@***"><span class="glyphicon glyphicon-envelope"></span></a></li>
</ul>

<ul class="navbar-nav navbar-right pull-right list-inline account-and-cart-links">
<li><a href="my-account.html">
<span class="glyphicon glyphicon-user"></span></a></li>
<li><a href="my-cart.html">
<span class="glyphicon glyphicon-shopping-cart"></span></a></li>
</ul>
</div>
</div>

关于导航栏折叠的 CSS 修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23282276/

30 4 0
文章推荐: css - 合并 TTF 字体文件(用于 CSS)
文章推荐: jquery - 如何在 "Heapbox"插件上反射(reflect)

因此,我在我的网站中使用了一个选择栏。我试图在悬停时更改选项的背景颜色。此外,如果有人知道设置垂直 slider 样式的好方法,那就太棒了。 这是我正在尝试做的事情的 fiddle : http://

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com