首页 > 解决方案 > Bootstrap navbar-default 隐藏表单内容

问题描述

我目前正在 PHP 中构建一个 MVC,并且在 m 登录页面上,如果隐藏我的表单内容,则为 Bootstrap 3.3.7 导航栏。 <nav class="navbar navbar-default>似乎隐藏了表单内容,其中<nav class="navbar navbar-expand-lg navbar-light bg-light">显示了内容,它根本不允许用户在文本字段中输入任何信息。谢谢你的帮助,卢克。

编辑:HTML是

<?php
  $menu = Router::getMenu('menu_acl');
  $currentPage = currentPage();
?>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main_menu" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="main_menu">
      <ul class="nav navbar-nav">
        <?php foreach($menu as $key => $val):
          $active = '' ?>
          <?php if(is_array($val)) : ?>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><?=$key?><span class="caret"></span></a>
              <ul class="dropdown-menu">
                <?php foreach($val as $k => $v):
                  $active = ($v == $currentPage)? 'active' : ''; ?>
                  <?php if ($k == 'separator') : ?>
                    <li role="separator" class="divider"></li>
                  <?php else: ?>
                    <li><a class="<?=$active?>" href="<?=$v?>"><?=$k?></a></li>
                  <?php endif; ?>
              <?php endforeach; ?>
              </ul>
            </li>
          <?php else:
            $active = ($val == $currentPage)? 'active' : ''; ?>
            <li><a class="<?=$active?>" href="<?=$val?>"><?=$key?></a></li>

          <?php endif; ?>
        <?php endforeach; ?>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <?php if(currentUser()): ?>
          <li><a href="#">Hello <?=currentUser()->fname?></a></li>
        <?php endif; ?>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

代码中的所有功能都工作正常,因为我已经彻底检查了它们。

标签: phphtmlcsstwitter-bootstrap

解决方案


推荐阅读