Twitter的引導和比標準的圖標更大的按鈕

<button type="submit" class="btn btn-primary"> 
    <i class="icon-user icon-white"></i> text 
</button>

我想我自己的圖標。這就是爲什麼我用：

<button type="submit" class="btn btn-primary"> 
    <i class="icon-school icon-white"></i> text 
</button>

我的圖標顯示在按鈕中，但我的圖標有點高（20px x 16px）。所以它顯示爲75％。如何解決它？更改高度或填充不起作用。

謝謝。

對於簡單的生活，可能會調整您的圖標大小與默認引導程序圖標相同？ –

不能這樣做，這不是我的力量:) – Haradzieniec

只爲大家：我沒有找到一個好的解決方案。當文字變得不垂直居中時，改變高度並沒有太大的幫助。使用填充，背景位置並不完美。圖像的大小減少了，以保持Twitter的Boostrapped。 – Haradzieniec

創建icon-perso類

<button type="submit" class="btn btn-primary"> 
    <i class="icon-school icon-perso"></i> text 
</button>

添加以下CSS來超越默認行爲：

。

.icon-perso { 
    background-image: url("../img/glyphicons-perso.png"); 
    width: 20px; 
    height: 16px 
    line-height: 16px; 
}

如果圖片包含多個圖標，如glyphicons-halflings.png您可能需要更改背景位置

.icon-school { 
    background-position: 0px 0px; 
}

您可以在bootstrap.css周圍一看，從線2143，如果你是好奇。

2012-09-10 16:06:45 baptme

最好的辦法是延長圖標精靈的引導程序並在css中再添加一行，並確定新圖標的確切位置。

搜索其中一個引導程序圖標並添加以下內容。

我總是以這種方式也如果我的圖標更大，只是改變你的唯一的寬度/高度。

2012-09-10 13:55:38

回答