我在h1中添加了图标（Bootstrap Glyphicons），但在文本icon中添加了baseline。如何解决这个问题？！
代码：
<h1 ><a><i class="icon-play"></i>TEST TEXT</a></h1>
答案 0 :(得分：7)
对于Bootstrap版本3，请使用此功能。
<h1>Hi this is heading<span class="glyphicon glyphicon-star"></span> Star</h1>
请参阅this jsfiddle。
您的图标大小将根据其父级的大小而变化。
答案 1 :(得分：1)
我正在使用Bootstrap v3.2，我遇到了同样的问题。
<h3><span class="glyphicon glyphicon-user"></span> User</h3>
所以我将glyphicon的display属性从inline-block更改为inline。
.glyphicon
{position: relative;
top: 1px;
display: inline;
...
}
这是因为内联元素在它之前或之后没有换行符，并且它允许旁边的HTML元素，但是内联块元素被放置为内联元素（与相邻内容在同一行上），但是它表现为块元素。
答案 2 :(得分：0)
我会尝试：
1）更改i.icon-play的填充
2）i.icon-play的背景位置
3）vertical-align：center;行高：12px的; i.icon-play
其中一个会奏效，祝你好运; - ）