gpt4 book ai didi

css - Bootstrap 中不能出现 "pull-right"图标字形

转载 作者:技术小花猫 更新时间:2023-10-29 12:47:05 27 4
gpt4 key购买 nike

我想在下拉菜单中拉出右图标字形,如下所示

<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="#">2-level Dropdown <i class="icon-arrow-right pull-right"></i></a>
<ul class="dropdown-menu sub-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
<li><a href="#">Another action</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>

但是当我在 FireFox(Chrome 和 IE 都可以)上运行这段代码时,“icon-arrow-right”和“2-level Dropdown”不是同一行。我该如何解决?

Full code on JSFIDDLE

最佳答案

<a href="#" style="overflow: hidden;">
<span class="pull-left">2-level Dropdown</span>
<span class="icon-arrow-right pull-right"></span>
</a>

jsfiddle

关于css - Bootstrap 中不能出现 "pull-right"图标字形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17949697/

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