我知道这是很多人遇到的问题,但是对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-left
和添加pull-right
到中<ul>
。
<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句