Question

您好，只是想知道是否有其他人在使用移动设备/平板电脑上的文字隐藏课程时遇到问题。其中的元素似乎被Boostrap自己的CSS主要覆盖了＆＃39; color＆＃39;和＆＃39; font-size＆＃39;属性。我发现如果我把它放在我的自定义CSS中，并给它一个更具体的选择器名称，它的工作原理！在这种情况下，我将它应用于导航栏品牌＆＃39;使用徽标作为背景图像并隐藏文本。

.navbar-default .text-hide {
    color: transparent;
    border: 0px none;
    background-color: transparent;
    text-shadow: none;
    font: 0px/0 a;
}

很高兴有一个内置的图像替换课程，但它被自己的CSS覆盖是很奇怪的。

由于

Answer 1

你可以尝试一个！important;在你的css的每一行，以便它将覆盖引导程序。

示例代码：

 color: transparent !important;

被覆盖的Bootstrap文本隐藏类

1 个答案: