Javascript 引导模式字段未展开

Javascript 引导模式字段未展开,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个引导模式,它使用jQuery在表单中为我创建一个列表。我只是想让电子邮件部分随着电子邮件输入的长度而扩展 更新:以下是我正在使用的模式: 这是我第一次输入字段时的列表: 我希望能够推动电子邮件输入长度的列宽 代码如下: 。表包装器{ 宽度:700px; 保证金:30像素自动; 背景:#fff; 填充:20px; 盒影:0 1px 1px rgba(0,0,0,05); } .表格标题{ 垫底:10px; 利润率:0.10px; } .表格标题h2{ 边际:6px0; 字体大小:22

我有一个引导模式,它使用jQuery在表单中为我创建一个列表。我只是想让电子邮件部分随着电子邮件输入的长度而扩展

更新:以下是我正在使用的模式:

这是我第一次输入字段时的列表:

我希望能够推动电子邮件输入长度的列宽

代码如下:

。表包装器{
宽度:700px;
保证金:30像素自动;
背景:#fff;
填充:20px;
盒影:0 1px 1px rgba(0,0,0,05);
}
.表格标题{
垫底:10px;
利润率:0.10px;
}
.表格标题h2{
边际:6px0;
字体大小:22px;
}
.表格标题。添加新的{
浮动:对;
高度:30px;
字体大小:粗体;
字体大小:12px;
文本阴影:无;
最小宽度:100px;
边界半径:50px;
线高:13px;
}
.表格标题.添加新的i{
保证金权利:4px;
}
桌子{
表布局:固定;
}
table.table tr th,table.table tr td{
边框颜色:#e9e9e9;
}
表一{
字体大小:13px;
利润率:0.5px;
光标:指针;
}
表th:最后一个孩子{
宽度:100px;
}
表.表td a{
光标:指针;
显示:内联块;
利润率:0.5px;
最小宽度:24px;
}    
表.表td a.add{
颜色:#27C46B;
}
table.table td a.edit{
颜色:#FFC107;
}
table.table td a.delete{
颜色:#E34724;
}
表一{
字号:19px;
}
表.表td a.add i{
字体大小:24px;
右边距:-1px;
位置:相对位置;
顶部:3px;
}    
table.table.form控件{
高度:32px;
线高:32px;
盒影:无;
边界半径:2px;
}
table.table.form-control.error{
边框颜色:#f50000;
}
table.table td.add{
显示:无;
}

用户及;电子邮件地址
电子邮件
用户角色
行动
接近
找到答案了

Modal的CDN CSS正在定义此属性:

table.table {
    table-layout: fixed;
}
我把它改成:

table.table {
    table-layout: auto;
}

工作非常完美。

请在代码中添加更多详细信息。为什么有人投否决票?请让我知道我做了什么才值得被否决。。我遵循了这个格式。嘿@DhavalJardosh,我包含的模式是控制大小的。嘿@DhavalJardosh,这是我正在使用的模式:,这是它在我看来的样子。你希望它看起来像什么?