在Bootstrap 3/Rails和HAML中使用glyphicon作爲li子彈點使用glyphicon

我正在嘗試每個具有glyphicon-ok而不是普通項目符號的ul。我使用在Bootstrap 3/Rails和HAML中使用glyphicon作爲li子彈點使用glyphicon

代碼是：

%li.glyphicon.glyphicon-ok ok sign?

這是輸出圖標，但文本顯示（我猜）Times New Roman字體。當我檢查css時，它說字體仍然是'Glyphicon'。

我讀過HAML並不理想用於格式化內容，我猜這就是爲什麼。

任何想法，我需要使用什麼讓文本尊重我的自定義字體，但仍然保留使用glyphicons的能力？

非常感謝

來源

2013-09-26 gorlaz

對於那些希望在純HTML/CSS（而不是HAML）中這樣做的問題，我在這裏發佈了一個類似的問題：http://stackoverflow.com/questions/31196980/using-a-glyphicon-as-an-li- bullet-point-bootstrap-3 –

你爲什麼寫一里內的文本與作爲背景glyphicon-OK形象？如果你需要一個像

%li.glyphicon.glyphicon-ok 
    %span your text

然後glyphicon裏內的鏈接或任何其嵌套目標內跨度爲使用自定義的CSS

或者你可以做的周圍使用跨度

%span.glyphicon.glyphicon-ok 
    %li your text

內裏其他的方式

來源

2013-09-26 06:02:46 Mandeep

嗨用戶，re「你爲什麼用一個glyphicon-ok圖像在裏面寫文本爲ba ckground？」 - 我沒有意識到我是，我以前從未使用過glyphicons。「目標內部跨度使用您的自定義CSS」是什麼意思？你介意給一個css的例子嗎？是否在我的custom.scss.css中字面上.span {font-family：x'}？ – gorlaz

如果你會做「％li.gylphicon.glyphicon-ok你的文字」，那麼它會做的是將李的背景圖像作爲glyphicon-ok圖像應用，並且你的文字將位於該圖像的頂部，我不認爲你想要那麼更好的方法是把你的文本嵌套到它裏面。然後你可以給你的文本元素添加任何你喜歡的類或者id，然後把它作爲一個普通的元素，例如，如果你給它一個類文本然後寫.text {font -family：你的自定義字體} – Mandeep

圖例 - 謝謝。我不會把.text類放在span上。我現在得到的作品是; ％li.glyphicon.glyphicon-ok ％span.text您的文字 – gorlaz

在Bootstrap 3/Rails和HAML中使用glyphicon作爲li子彈點使用glyphicon

回答

相關問題