Html h1图标垂直对齐在bootstrap 2.3.2中不起作用

我在h1中有一个显示图标的

css/HTML

代码：

CSS:

HTML:

引导3图标

但是垂直对齐对bootstrap 2.3.2不起作用<代码>注意：我知道这在版本3中起作用。+/code>。如何解决此版本的此问题

---

尝试此操作以重载

h1

的twitter引导默认规则：

h1>[class^="icon-"], h1>[class*=" icon-"] {
    vertical-align: middle;
}

---

与bootply css文本字段相比，它似乎有更多的css

[class^="icon-"], [class*=" icon-"] {
    vertical-align:text-top;
}

如果你加上

.icon-search {
    vertical-align: middle;
}

---

…对于css，它会将图像垂直居中放置。

尽管它可以工作，但它将匹配页面中的每个

。图标搜索
，并且只匹配
。图标搜索
。没有其他图标。我认为OP想要匹配
h1
标记中的每个图标（他正在尝试：
h1>I
）好主意，你是对的。但这个故事的寓意是：使用firebug查看哪些语句被覆盖。
[class^="icon-"], [class*=" icon-"] {
    vertical-align:text-top;
}

.icon-search {
    vertical-align: middle;
}