Question

在移动浏览器上，用户可以选择主菜单但不会选择其子菜单。

以下是我使用的HTML：

<html>
    <body>    
        <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container">
              <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
               <a  style="float:right;margin-top:10px;" href="index.php"><span style="font-weight: lighter; font-size: 14px;color: #FF3333">&nbsp;Logout</span> </a>
                 <a style="float:right;margin-top:10px;color:#FFFFFF;text-decoration:none;" ><span style="font-size:13px;color:#FFFFFF; font-weight:normal;">|&nbsp;<?php echo $_SESSION["username"];?>&nbsp;|</span></a>
              <div class="nav-collapse collapse">
                <ul class="nav">

                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Masters <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="createdoctor.php">Create Doctor</a></li>
                        <li><a href="createchemist.php">Create Chemist</a></li>
                        <li><a href="createstockist.php">Create Stockist</a></li>
                        <li><a href="createemployee.php">Create Employee</a></li>
                        <li><a href="createproduct.php">Create Product</a></li>
                        <li><a href="areamaster.php">Create Area</a></li>
                        <li><a href="Manager.php">Add Manager under Employee</a></li>
                      </ul>
                  </li>
        <?php
        }
       ?>                 
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Transactions<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="tourpgm_prev.php">Tour Program</a></li>
                        <li><a href="reportmaster_prev.php">Report Master</a></li>
                        <li><a href="expense_prev.php">Expense Sheet </a></li>
                        <li><a href="leave.php">Leave Master </a></li>                 

                        <li><a href="scoremcard.php">Monthly Score Card</a></li>
                        <li><a href="emptourpgm.php">Employee Tour Program</a></li>
        </ul>
              </div>
            </div>
          </div>
        </div>
    </body>
</html>

Answer 1

如果这是您的全部代码，请删除

    <?php
    }
   ?>

最后三分之一的

部分。

移动子菜单未选中（使用bootstrap.css）

1 个答案: