Bootstrap 3 Gentelella导航条向右对齐的问题
Bootstrap 3 Gentelella navbar alignment to the right issue
当从面板上删除3个元素中的一个元素时,剩下的2个元素没有完全向右对齐-剩下1个空间。
:在
<ul class="nav navbar-right panel_toolbox">
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a></li>
<li><a href="#">Settings 2</a></li>
</ul>
</li>
<li><a class="collapse-link"><i class="fa fa-chevron-up"> </i></a></li>
<li><a class="close-link"><i class="fa fa-close"></i></a></li>
</ul>
后:在
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"> </i></a></li>
<li><a class="close-link"><i class="fa fa-close"></i></a></li>
</ul>
panel_toolbox的CSS是这样的:
.panel_toolbox {
float: right;
min-width: 70px; }
.panel_toolbox > li {
float: left;
cursor: pointer; }
.panel_toolbox > li > a {
padding: 5px;
color: #C5C7CB;
font-size: 14px; }
.panel_toolbox > li > a:hover {
background: #F5F7FA; }
和navbar-right:
的CSS.navbar-right {
margin-right: 0; }
可以修复吗?
Rod,在CSS中,而不是:
.panel_toolbox > li {
float: left;
cursor: pointer; }
应该是:
.panel_toolbox > li {
float: right;
cursor: pointer; }
为什么不在每个元素上添加一个"pull-right"类呢?
<ul class"nav navbar-right panel_toolbox">
<li class="collapse-link pull-right"></li>
<li class="close-link pull-right"></li>
</ul>
它应该可以帮助你
相关文章:
- typeahead下拉结果向右对齐-向右拉
- DataTables-FixedHeader-多个tr in the ad对齐问题
- IE9中的文本对齐问题
- 我想使用的模板上的Firefox和IE的对齐问题
- Div向右对齐,并根据右侧的其他Div更改x位置
- 将 HTML 选项卡右对齐
- 未设置 HTML 表.对齐问题
- 文本相对于 SVG 中的父项 G 右对齐
- 使用 D3 对齐问题的多/分组条形图
- JQUERY Galleria css在Firefox中的位置对齐问题.适用于Chrome
- 如何在离子列表中显示两个右对齐的图标
- CSS菜单对齐问题-新手开发人员
- 调整窗口大小时向右对齐
- 引导程序下拉右对齐失败
- 增强Showdown.js表代码,使其支持表标题的左/右对齐
- 表格图像表格对齐问题
- 表对齐问题HTML JavaScript
- 将一个子对象左对齐,将第二个子对象右对齐extjs
- jQueryUI 对话框隐藏关闭 (X) 按钮,如果标题包含右对齐的文本.我该如何解决这个问题
- Bootstrap 3 Gentelella导航条向右对齐的问题