小编lev*_*mer的帖子

在数据表中使用时,Bootstrap中的FORM-CONTROL类不会生效

大家好,引导专家。

我被这个问题困住了,我无法找出问题的根本原因。情况就是这样。我正在使用bootstrap3并将其与下面的数据表合并。

在此处输入图片说明

现在,当我单击“编辑”链接时,将显示一个模态形式,如下所示。如在模态表单上所见,“ SELECT OPTION”没有像其他两个输入一样显示为内联块。 在此处输入图片说明

当我使用chrome进行调试时,我发现class form-control类将宽度设置为auto,而必须将其设置为display:inline-block。当我取消单击时,得到了预期的结果。 在此处输入图片说明

我只在DATATABLES中使用SELECT OPTION时才遇到此问题。但是对于INPUTTEXT,一切正常。我也尝试禁用datatable的CSS,但仍然无法正常工作。我还注意到在ADD NEW RECORD选项中使用SELECT OPTION可以。

有什么想法专家,可以解决这个问题吗?提前非常感谢您。

我的代码:

<!--START EDIT MODAL WINDOW -->
<div class="col-lg-12">
   <?php $edit_id = 'edit' . $row -> ylid ?>
   <div class="modal fade" id="<?php echo $edit_id; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal_wrapper" >
        <div class="modal-dialog">
           <?php echo form_open('csettings/edit_yrlvl/'. $row -> ylid)?>
           <div class="modal-content">
           <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="H3">Update Grade/Year Level</h4>
           </div>
           <div class="modal-body"> 
              <div class="form-group">                                                      
                 <label>Subject Code</label>
                 <input value="<?php echo $row -> …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap-3

5
推荐指数
1
解决办法
2583
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

twitter-bootstrap-3 ×1