Css 如何成功调整Bootstrap 2.3.2图标的大小？

这似乎是一项容易的任务，但我在网上尝试了每一件事

如何调整图标的大小

---

我不熟悉引导，但它将是样式表中的一个元素，而不是html。您也可以使用内联样式

<i class="icon-search" style="width:10px; height:10px;"></i>

---

我不熟悉引导，但它将是样式表中的一个元素，而不是html。您也可以使用内联样式

<i class="icon-search" style="width:10px; height:10px;"></i>

---

您是否尝试过根据标签调整字体大小？像这样：

<i class="icon-search font-adjust></i>

---

您是否尝试过根据标签调整字体大小？像这样：

<i class="icon-search font-adjust></i>

---

Bootstrap 2使用一个巨大的精灵图片作为其所有图标，并设置为html元素上的背景图像<代码>字体大小在这种情况下不起作用。您必须处理

背景大小

和

背景位置

值以及元素的宽度/高度

。更小{
宽度：50px；
高度：50px；
背景尺寸：2000%；
背景位置：0px 0px；
}
.更大{
宽度：100px！重要；
高度：100px！重要；
背景尺寸：2000%！重要；
背景位置：0px 0px；
}
.另一个图标{
宽度：100px！重要；
高度：100px！重要；
背景尺寸：2000%！重要；
背景位置：-200px 0px！重要；
}

更小：

原件：

更大：

另一个图标：

Bootstrap 2使用一个巨大的精灵图片作为其所有图标，并设置为html元素上的

背景图像<代码>字体大小

在这种情况下不起作用。您必须处理

背景大小

和

背景位置

值以及元素的宽度/高度

。更小{
宽度：50px；
高度：50px；
背景尺寸：2000%；
背景位置：0px 0px；
}
.更大{
宽度：100px！重要；
高度：100px！重要；
背景尺寸：2000%！重要；
背景位置：0px 0px；
}
.另一个图标{
宽度：100px！重要；
高度：100px！重要；
背景尺寸：2000%！重要；
背景位置：-200px 0px！重要；
}

更小：

原件：

更大：

另一个图标：

如果您拥有所有引导代码，则它应该独立运行。如果您拥有所有引导代码，则它应该独立运行。如果您拥有所有引导代码，则它可能重复运行