html - 100% 流畅延伸的输入宽度

Question

这比它应该的要复杂，但是我无法在其 div 中显示字面上 100% 的输入宽度。

这里的例子：

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

我正在使用 Twitter 引导程序。我希望输入是类宽度的 100% span6，如蓝色突出显示：

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

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

Answer 1

以这种方式修补 Bootstrap 有点棘手，因为可能会有不同的“副作用”。也许这些方面的东西会对你有用：

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

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

Answer 2

.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 3

好吧，它必须是这样的链接

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