导航栏折叠后,引导组元素内联?

时间:2015-03-11 19:40:26

标签: javascript jquery html css twitter-bootstrap

我在这里有两个链接作为按钮。它们是基本的字形。enter image description here这是当导航栏未折叠到xs视图中时。 但是当导航栏折叠时,链接分别位于一行,这是正常的自举程序。 enter image description here

所以我的问题是:

是否可以像非折叠导航栏中那样内嵌箭头/链接。如果是这样的话?

这是我在导航栏右侧部分的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

1 个答案:

答案 0 :(得分:4)

这样的事情可以做到:

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

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

<强> Demo

如果将两个LI标签混合在一起,则可以使用50%。的 Demo