javascript - 导航栏折叠时 Bootstrap 组元素内联？

Question

我这里有这两个链接作为按钮。它们是基本的字形图标。 这是导航栏未折叠到 xs View 中的时候。但是当导航栏折叠时，每个链接都在一行中，这是正常的 Bootstrap 。

所以我的问题是:

是否可以像非折叠导航栏中那样使两个箭头/链接内联。如果是怎么办？

这是我在导航栏右侧部分的 ul 代码。

<ul class="nav navbar-nav navbar-right"> 
          <li><a id="minicalendar" class="glyphicon glyphicon-calendar"></a></li>
          <li><a id="linkToday">Today</a></li>
          <li><a id="btnPrev" class="glyphicon glyphicon-arrow-left"></a></li> 
          <li><a id="btnNext" class="glyphicon glyphicon-arrow-right"></a></li>
          <li><a class="glyphicon glyphicon-question-sign" type="button" id="btnHelp"></a></li>
</ul>

Demo

Answer 1

像这样的事情会做:

.menu-half {
    display: inline-block !important;
    width: 48%;
}

<li class="menu-half">...</li>

Demo

如果将两个 LI 标签混合在一起，则可以使用 50%。 <强> Demo