如何在使用引導程序時使圖標變小？

如果我想最小化圖標大小，如何在使用引導時使圖標變小？如何在使用引導程序時使圖標變小？

我想盡量減少這種人圖標的大小。

enter image description here

<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>

來源

2013-01-23 MKK

在這裏發表您的相關CSS。 –

@Pawan謝謝我使用bootstrap。它太長了，所以我不得不使用JSFiddle來放置它們。請檢查我的演示 – MKK

考慮敬畏的答案http://stackoverflow.com/a/1341462/1135581 – Rahul

您可以使用字體真棒http://fortawesome.github.com/Font-Awesome/從fonts.Font創建圖標真棒與Twitter的引導2 & 3.You可以輕鬆風格圖標的顏色，大小，陰影和任何的完全兼容可能與CSS。

來源

2013-01-23 05:19:58

哦，我的善良這看起來超級有用 – MKK

這並沒有回答問題 –

如果您正在使用引導3，你可以使用標籤，就像這樣： 它可以完美地與引導3.

來源

2014-02-12 13:57:47 Mrinal

您可以使用class="btn btn-xs"

參考：https://getbootstrap.com/components/

來源

2016-04-19 13:18:07 sssimon

Glyphicons和其他圖標可以重新調整大小正好與CSS屬性font-size:

你知道......作爲字形和所有。

來源

2016-05-09 04:51:49

Upvote爲snarky尾聲;-) –

從http://getbootstrap.com/css/#small-text

小文

對於不強調在線或文本塊，使用 標籤在85％設置文本父的大小。標題元素收到自己的font-size嵌套元素。

您也可以使用嵌套元素.small代替任意。

嘗試：

<span class='badge badge-success small'> 
    <i class='icon-user icon-white'></i> 
    <i class='icon-user icon-white'></i> 
    <i class='icon-user icon-white'></i> 
</span>

來源

2016-09-02 13:50:54 Simon

如何在使用引導程序時使圖標變小？

回答

相關問題