html - 搜索框上的填充不适用于 IE 和 Bootstrap 菜单栏的 chrome

标签 html css twitter-bootstrap

我用过这个

.navbar-form .form-group {
padding-top: 30px;
display: inline;
}

让搜索框在 Bootstrap 菜单栏上垂直居中,但出于某种原因 IE 和 Chrome 无法识别 padding-top:30px。 Fire fox 可以很好地适应填充。

如何让 IE 和 Chrome 中的搜索框正确填充。

最佳答案

检查这个 Bootstrap :http://www.bootply.com/D27W6qcvVF

你的 CSS 应该是这样的:

.navbar-form {
   padding-top: 30px;
   display: inline;
}

关于html - 搜索框上的填充不适用于 IE 和 Bootstrap 菜单栏的 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27946638/

相关文章:

css - 顶部导航栏阻止页面的顶部内容

javascript - 如何在常规输入中隐藏 Android 密码建议功能区上的 Chrome

css - 为什么使用 initializr.com 生成的 bootstrap 模板的网站头部的主体样式

twitter-bootstrap - Twitter Bootstrap 中的五个相等的列

javascript - 带缩略图的 Bootstrap 轮播

javascript - <ul> 和 <li> 标签的默认边距和填充

javascript - 如何获取iframe对象的来源

javascript - 如何更改 iFrame 样式

javascript - 刷新其中包含 Google 广告的 Div

html - overflow:hidden on inline-block 将高度添加到父级