大家好,引导专家。
我被这个问题困住了,我无法找出问题的根本原因。情况就是这样。我正在使用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">×</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)