我使用了四个文本阴影命令在我的页面的Bootstrap nav-pill
导航文本中创建了一个虚假的“笔画”。我遇到的唯一问题是使用下拉列表中的caret
上使用的span
类不会继承这些阴影,并且将自定义阴影类应用于该span元素不会修复它(我假设caret
不是'text',本身)。
Bootstrap中的caret
符号是什么类型的字符或对象,我是否可以对其应用阴影,因此它符合我当前的设计?
编辑:我应该补充一点,我的网络服务器上没有Bootstrap文件,而是在外部链接到它。
答案 0 :(得分:1)
事实证明,Bootstrap使用的三角形不是字符而是CSS trick,因此应用box-shadow
会在border-size属性创建的透明框上放置阴影这个伎俩。有两种方法可以达到相同的效果:1)使用unicode
字符,例如:▼并在从<span class="caret"></span>
菜单中删除nav
时应用文本样式,或者2)嵌套a容器内部的盒子,并且应用了样式,溢出了它的一部分。