我正在尝试使用 twitter bootstrap 构建一个表单，并通过使用 .input-block-level 类来最大化输入字段的宽度。
这在以下示例中效果很好，取自官方网站。
但是，如果我以同样来自官方网站的图标为例，并在输入元素上使用 .input-block-level 类，它就不起作用。
如果我将 .input-block-level 类应用于input-prepend和input，它会变宽但比预期的宽一点。
我在这里做错了什么？
问问题
68 次
2 回答
0
你没有做错什么。您拥有的额外空间是由于图标。我认为您将需要手动进行调整。
于 2013-01-15T04:31:40.900 回答
0
一个有趣的问题，这是迄今为止我能想到的最好的两个解决方案：http:
//jsfiddle.net/panchroma/jckTk/
两者的密码字段前都有一个空白。一种使用默认背景和边框，另一种使用一些简单的 CSS 删除背景和右侧边框。
.passwordAddon{
background-color:inherit !important;
border-right:none !important;
}
.password-With-Prepend{
border-left:none !important;
}
祝你好运！
于 2013-01-15T13:19:50.357 回答