Bootstrap菜单换行符

时间:2013-08-11 13:21:53

标签: javascript twitter-bootstrap

导航栏中的'pull-right'元素与菜单保持在同一行,我遇到了一些麻烦。我已将其设置为jsfiddle。 以下是概要:

 <div class="navbar navbar-inverse navbar-fixed-top hidden-print">
   <div class="navbar-inner">
    <div class="container">
       <ul class="nav nav-pills">
          <li>....</li>
       </ul>
       <div class="pull-right">
         <ul class="nav pull-right">
           <li>....</li>
          .... and so on

理想情况下,菜单项和用户下拉列表将位于同一行。菜单栏的高度应由按钮大小决定。

1 个答案:

答案 0 :(得分:1)

您需要pull-left列表:

<ul class="nav nav-pills pull-left">