如何解决Option选项出现在modal后面使用bootstrap？

我使用bootstrap在模态上创建窗体，为什么当我使用select标签并且它出现在模型后面？这样，对不起我的英文不好..如何解决Option选项出现在modal后面使用bootstrap？

<a href="#regis_card" data-toggle="modal"><i class="icon icon-inbox"></i> <span>Registrasi Card</span></a>

这是模态

<div class="modal fade" id="regis_card" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <form action="?page=card/add" method="POST" class="form-horizontal"> 
    <div class="modal-header"> 
     <button data-dismiss="modal" class="close" type="button">×</button> 
     <h3>Registrasi Data Card</h3> 
    </div> 
    <div class="modal-body"> 
     <div class="widget-content nopadding"> 

      <div class="control-group"> 
       <div class="row row-fluid"> 

        <label class="control-label">Pemilik :</label> 
        <div class="controls"> 
         <select class="span12" name="id_tenant"> 
         <?php 
         $query_tenant = mysqli_query($koneksi, "select * from tenant"); 
         while ($data_tenant = mysqli_fetch_array($query_tenant)){ ?> 
          <option value="<?php echo $data_tenant['id_tenant'];?>" ><?php echo $data_tenant['nama_lengkap']." - ".$data_tenant['NIT'];?></option> 
         <?php 
         } 
         ?> 
         </select> 
        </div> 
       </div> 
      </div> 

     </div> 
    </div> 
    <div class="modal-footer"> 
     <a data-dismiss="modal" class="btn btn-inverse" href="#">Cancel</a> 
     <button class="btn btn-primary" type="submit">Simpan</button> 
    </div> 
    </form> 
</div>

来源

2017-02-09 user7332664

给我们你的代码 –

你的代码是不是模式的内容，只是'button'触发模式 –

我已经编辑我的问题..谢谢。 – user7332664

变化的选择z-index：

.class-of-select { 
    z-index: 1100; // or > 1050 
}

因为，默认模式引导具有z-index: 1050;

注：z-index仅适用于定位元素（位置：absolu te，位置：相对或位置：固定）。

.class-of-select { 
    position:relative; // or absolute/fixed 
    z-index: 1100; // or > 1050 
}

来源

2017-02-09 06:09:13

不适用于我的.. – user7332664

如何解决Option选项出现在modal后面使用bootstrap？

回答

相关问题