Css 引导-移动设备标题中的右对齐图标按钮
我正在建立一个具有引导功能的响应站点。该站点有一个固定导航栏。它在桌面上工作得很好。但是,当站点在移动设备上运行时,右上角的图标将消失。我的代码如下所示:Css 引导-移动设备标题中的右对齐图标按钮,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在建立一个具有引导功能的响应站点。该站点有一个固定导航栏。它在桌面上工作得很好。但是,当站点在移动设备上运行时,右上角的图标将消失。我的代码如下所示: <div id="nav" class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <
<div id="nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a href="/home" class="navbar-brand"><img src="/logo.png"></a>
</div>
<div class="navbar-header navbar-right">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="viewButton" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-print"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-arrow-right"></span>
</a>
<ul class="dropdown-menu" role="menu">
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
-
在移动视图中,如何右对齐导航栏中的按钮
谢谢 您可以尝试删除此处的折叠类
<div class="navbar-collapse collapse">
您好,您必须从div中删除折叠类。
-
将它们从折叠中取出。您能提供一个链接吗?
<div id="nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a href="/home" class="navbar-brand"><img src="/logo.png"></a>
</div>
<div class="navbar-header navbar-right">
<div class="navbar">
<ul class="nav navbar-nav navbar-right">
<li><a id="viewButton" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-print"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-arrow-right"></span>
</a>
<ul class="dropdown-menu" role="menu">
</ul>
</li>
</ul>
</div>
</div>
</div>