如何在Bootstrap中爲插入符號添加文字陰影（或類似符號）？

我已經使用了四個文本陰影命令在我的頁面Bootstrap nav-pill導航文本中創建了一個人造「筆劃」。我遇到的唯一問題是類span在下拉菜單中使用的藥片不會繼承這些陰影，並將我的自定義陰影類應用於該span元素不會修復它（我假設caret不是'文本'，本身）。如何在Bootstrap中爲插入符號添加文字陰影（或類似符號）？

什麼類型的字符或對象是Bootstrap中的caret符號，我也可以對它應用陰影以符合我當前的設計？

編輯：我應該補充一點，我沒有在我的web服務器上的Bootstrap文件，而是我在外部鏈接到它。

來源

2015-01-14 armadadrive

你不能。看看這個---> http://www.bootply.com/KxdzLfm5hH。 –

是的，你是對的 - 雖然有一個解決方法：http://css-tricks.com/triangle-with-shadow/ – armadadrive

事實證明，Bootstrap使用的三角形不是一個字符，而是一個CSS trick，因此應用box-shadow會在由此技巧的border-size屬性創建的透明框上產生陰影。有兩種方法可以達到相同的效果：1）使用unicode字符，例如：▼和應用文本樣式，同時從nav菜單中刪除<span class="caret"></span>，或者2）將一個盒子嵌套在容器中，並用一個容器溢出一部分造型應用。

來源：css-tricks.com/triangle-with-shadow

來源

2015-01-14 19:14:43 armadadrive

如何在Bootstrap中爲插入符號添加文字陰影（或類似符號）？

回答

相關問題