html - Bootstrap Grid 系统在模态对话框中不起作用

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 列的输入文本旁边添加跨度，它就可以工作。如果我定义 12 列，为什么不起作用？

Answer 1

尝试在 div 中使用 col-md-2 标签

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

还使错误 div 不可见而不是显示无 form-horizo​​ntal 也需要查看