100％输入宽度，流畅地伸展

Question

这比它应该更复杂，但我在显示其div中输入宽度100％的时候遇到了麻烦。

此处示例：

http://jsfiddle.net/aml90/mfdtk/

我正在使用Twitter Bootstrap。我希望输入为span6类宽度的100％，如蓝色高光：

尽管缺少CSS，但我尝试了很多东西 - 只是没有把非工作的CSS放在那里。

您需要调整窗口大小，如下所示：

Answer 1

.span6 .input-prepend {
     padding-left:28px;
     display:block;
}
.span6 .input-prepend .add-on {
     float:left;
     margin-left:-28px;
}
.span6 .input-prepend input {
     width:100% !important;
}

这会将附加组件放在左侧，让输入占用剩余空间

JSFiddle

Answer 2

好吧，它必须是这样的LINK

.input-prepend{
    width:100%;
}
.input-prepend input{
    width:95%;
}

Answer 3

以这种方式修补Bootstrap有点棘手，因为可能存在不同的“副作用”。也许沿着这些方向的东西可以帮到你：

.span6 { width: 100% !important; margin-left: 0 !important }
.span6 input { width: 92%; }
.input-prepend { display: block; }

使用覆盖这些CSS指令并使用它测试布局。祝好运！ http://jsfiddle.net/Yuv3H/