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>