模态显示在导航栏和背景下方

时间:2020-06-14 06:35:04

标签: bootstrap-modal

我正在尝试为我的更新按钮创建一个弹出模式。 Idk出了什么问题,但其模态显示在导航栏和淡入淡出的背景下。有谁知道如何修理它?另外,我还有另一个带有模式的按钮,它工作得很好。

是这样的: enter image description here 这是我的模式代码:

<div class="modal fade" id="ModalUpdateUser<?php echo $data_user['id_user'];?>" tabindex="-1" role="dialog"
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="ModalUpdate">Update Data</h4>
      </div>

      <div class="modal-body">

        <form method="POST" class="cmxform" action="act_user/update_user.php">

          <?php
                   include 'koneksi.php';
                   $idupt = $data_user['id_user'];
                   $q_update = "SELECT * FROM user WHERE id_user = '$idupt'";
                   $sql_update = mysqli_query($dbcon, $q_update);
                   while($update = mysqli_fetch_array($sql_update)) {
                   ?>

          <div class="col-md-6">
            <div class="form-group">
              <input type="text" class="form-text" id="idupdate" name="id_up" value="<?php echo $update['id_user'];?>"
                hidden>
            </div>

            <div class="form-group form-animate-text" style="margin-top:20px !important;">
              <input type="text" class="form-text" id="userupdate" name="username_up"
                value="<?php echo $update['username'];?>" required>
              <span class="bar"></span>
              <label>Username</label>
            </div>

            <div class="form-group form-animate-text">
              <input type="text" class="form-text" id="namaupdate" name="nama_up" value="<?php echo $update['nama'];?>"
                required>
              <span class="bar"></span>
              <label>Full Name</label>
            </div>

            <div class="form-group form-animate-text">
              <input type="email" class="form-text" id="emailupdate" name="email_up"
                value="<?php echo $update['email'];?>" required>
              <span class="bar"></span>
              <label>Email</label>
            </div>
          </div>

          <div class="col-md-6" style="margin-top:20px !important;">
            <div class="form-group form-animate-text">
              <input type="password" class="form-text" id="passupdate" name="pass_up"
                value="<?php echo $update['password'];?>" required>
              <span class="bar"></span>
              <label>Password</label>
            </div>

            <div class="form-group">
              <span class="bar"></span>
              <label class="form-group">Level</label>

              <div class="form-animate-radio">
                <label class="radio">
                  <input id="radio1" type="radio" name="level" value="admin" />
                  <span class="outer">
                    <span class="inner"></span></span> Admin
                </label>

                <label class="radio">
                  <input id="radio2" type="radio" name="level" value="customer" />
                  <span class="outer">
                    <span class="inner"></span></span> Customer
                </label>
              </div>
            </div>
          </div>

          <div class="modal-footer">
            <div class="col-md-12 text-right">
              <button type="button" class="btn btn-round btn-default" data-dismiss="modal">Close</button>
              <input type="submit" class="btn btn-round btn-primary" value="Save Data" name="updateuser">
            </div>
          </div>

          <!--div class="form-group">
                     <label for="UpdateLevel" class="form-control-label">Level</label>
                         <input type="text" class="form-control" id="levelupdate" name="level_up" value="<?php echo $update['level'];?>" required>
                 </div-->
          <?php
                 } 
                 ?>
        </form>
      </div>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal update-->
<!--_________________________________________END MODAL Update__________________________________________________ -->

0 个答案:

没有答案
相关问题