Twitter bootstrap 引导表单控件-自定义宽度

Twitter bootstrap 引导表单控件-自定义宽度,twitter-bootstrap,Twitter Bootstrap,如果我包含的控件看起来更短,如果我删除这个div,那么他们正在检查。我只是想通过向表单中添加输入组和表单组类来了解发生了什么。有人能解释一下吗 .input组类具有以下规则: .input-group { display: table; position: relative; border-collapse: separate; } 这是显示器:桌子;负责缩短元素的规则,因为默认情况下,表的宽度由其内容的多少决定。选择第一个状态的内容将变为其宽度 该类允许元素跨越其容器

如果我包含的控件看起来更短,如果我删除这个div,那么他们正在检查。我只是想通过向表单中添加输入组和表单组类来了解发生了什么。有人能解释一下吗

.input组类具有以下规则:

.input-group {
    display: table;
    position: relative;
    border-collapse: separate;
}
这是显示器:桌子;负责缩短元素的规则,因为默认情况下,表的宽度由其内容的多少决定。选择第一个状态的内容将变为其宽度

该类允许元素跨越其容器的宽度:

所有文本和带有.form控件的元素都设置为宽度:100%;默认情况下

.input组类具有以下规则:

.input-group {
    display: table;
    position: relative;
    border-collapse: separate;
}
这是显示器:桌子;负责缩短元素的规则,因为默认情况下,表的宽度由其内容的多少决定。选择第一个状态的内容将变为其宽度

该类允许元素跨越其容器的宽度:

所有文本和带有.form控件的元素都设置为宽度:100%;默认情况下

输入组如下所述:

您需要他们将输入元素与文档中所述的扩展进行分组。在您的情况下,您可以省略它,因为它只限制元素的宽度

此处描述了表单组:

将标签和控件包装在.form组中以获得最佳间距

输入组如下所述:

您需要他们将输入元素与文档中所述的扩展进行分组。在您的情况下,您可以省略它,因为它只限制元素的宽度

此处描述了表单组:

将标签和控件包装在.form组中以获得最佳间距