Bootstrap网格系统在模态对话框中不起作用

Question

在模态对话框中，我定义了一个类似continue的表单：

<div class="modal-body">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="row">
                <label for="name" class="col-md-2 control-label">Name</label>
                <div class="col-md-9">
                    <input type="text" class="form-control" id="name"/>
                </div>
                <div class="col-md-1 text-left">
                    <span class="invalid-icon" title="Error!"></span>
                </div>
            </div>
        </div>
    </form>
</div>

最后一列中的图标位于模态对话框之外。见截图。有什么想法吗？

如果我只定义了11列，并在第9列的输入文本旁边添加了span，那么它就可以了。如果我定义12列，为什么不起作用？

Answer 1

使用col-md-2

尝试使用div中的标签

<div class="col-md-2">
<label for="name" class="control-label">Name</label>
</div>

也使得错误div不可见而不是显示无形式 - 水平也需要查看