Php 如何使用引导修复菜单

我使用导航栏bootstrap3。 正如你所看到的，问题是：

如何在不减小字体大小的情况下，在同一行中获得“Recherche”

这是我的密码：

    <nav class="navbar navbar-default navbar-static-top navbar-custom">
     <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">...</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>

        </div>

        <?php $idCategorie=$this->idCategorie;?>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li <?php if($idCategorie == '5') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/index/page/id/5">Terminal de paiement <span class="sr-only">(current)</span></a></li>
            <li <?php if($idCategorie == '6') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/index/page/id/6">Application de caisse</a></li>
            <li <?php if($idCategorie == '7') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/index/page/id/7">Logiciel de gestion</a></li>
            <li <?php if($idCategorie == '8') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/index/page/id/8">Opérations bancaires</a></li>
            <li <?php if($idCategorie == '9') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/index/page/id/9">Equipements</a></li>
            <?php if($acces){?>
                <li <?php if($idCategorie == '11') echo 'class="active"'; ?> ><a href="<?php echo $this->baseUrl() ?>/client/index">Informations clients</a></li>
            <?php }?>
            <li class="<?php if($idCategorie == '10') echo 'active'; ?> coloCell1" ><a href="<?php echo $this->baseUrl() ?>/index/page/id/10">Difficultés pour un encaissement CB</a></li>
            <!--  <li class="<?php //if($idCategorie == '11') echo 'active'; ?> coloCell4" ><a href="<?php //echo $this->baseUrl() ?>/index/page/id/11">Informations client </a></li>-->
            <li class="<?php if($idCategorie == 'iframe') echo 'active'; ?> coloCell2" ><a href="<?php echo $this->baseUrl() ?>/index/page/id/iframe">Recherche</a></li>
          </ul>

        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>

...

>
>
您可以在这两个选项中进行选择：

缩短菜单项中的文本
使文本左右两侧的填充空间变小
但最终，一个菜单行只能容纳这么多

对于选项2，您必须更改CSS文件。添加如下内容：

.navbar-inverse .navbar-nav > li > a {
  padding: 5px 10px;
}

或在您的环境中工作的任何变化。检查样式以查看您需要更改的内容。
感谢回复，什么是使文本左右边距变小的最佳方法。使用类引导，保持菜单响应？这取决于CSS的外观。我在上面的答案中给出了一个例子。这是Firefox的工作，而不是google chrome。你有什么想法吗？你的页面在chrome中不太宽，所以你的宽菜单空间也就少了。这可能只是一个稍微不同的尺度，很难说。为什么不试试艾哈迈德·齐亚尼的建议呢？但是试着理解它的作用。是的，这意味着在某一点上你必须折叠菜单。