html - 有图标时输入宽度不同

标签 html css twitter-bootstrap

我正在尝试使用 twitter bootstrap 构建一个表单,并使用 .input-block-level 类使输入字段的宽度最大化。

这在下面这个取自官方网站的示例中效果很好。

但是,如果我使用同样来自官方网站的图标示例,并在输入元素上使用 .input-block-level 类,则它不起作用。

如果我将 .input-block-level 类应用于 input-prependinput,它会变宽但比预期的要宽一点。

我在这里做错了什么?

最佳答案

你没有做错任何事。您拥有的额外空间是因为图标。我认为您需要手动进行调整。

关于html - 有图标时输入宽度不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14330805/

相关文章:

javascript - 当 Ng-Select 接收空数组时禁用自定义指令 AngularJS

html - 如果它已经作为大(漫画)图像的一部分存在,如何处理重复的文本 h1?

html - Inline-flex 在 Google Chrome 中不起作用

css - 如何强制 ionic 幻灯片尊重列宽

css - 如何更改 Bootstrap 3 中按钮的悬停颜色?

javascript - 如何在 Chrome 中隐藏边框轻弹

html - 所有浏览器都支持 CSS 断字吗?

javascript - 如何从水平方向设置 html 的 Tab 键顺序?

javascript - VueJS 与 bootstrap-vue : one column in table without data

javascript - 所有其他代码运行后出现模态弹出加载屏幕