问

Bootstrap - 从导航栏链接中删除背景

mobiledu2502889253 发布于 2023-01-30 09:12

我正在尝试使用Bootstrap开发工具包编写网站代码.我已经设置了一些带有几个链接的导航栏,但是我在添加一些自定义链接时遇到了一些麻烦.我将CSS添加到名为'navbar-social'的bootstrap.min.css文件中,该文件将用于存放导航栏的社交媒体图标.

我添加的图像很好,它们显示很棒.我遇到的问题是,当我添加一个链接到他们时,他们会脱离线并悬停在他们上面给他们一个我不想要的背景框.

我附上了一些截图和使用的代码,我不能为我的生活找出背景框的来源,因为检查样式似乎没有任何东西.我是CSS的新手,所以如果我遗漏了一些明显的东西,我会道歉.

无链接:http://prntscr.com/2ob9mj

LinkedIn未链接,其他链接:http://prntscr.com/2ob2b2

CSS代码添加到bootstrap.min.css.休息就是:

.navbar-social{
float:right !important;
padding:5px;
font-size:18px;
line-height:37px;
height:20px
}

HTML :(在这种情况下删除了一个href)


        
             
              
              REMOVED
            

            
                
                    About
                    
                      Programming 
                      
                        Java
                        C++
                        Actionscript 3.0
                      
                    
                    Web Design

谢谢大家!

1 个回答

Bootstrap为子a元素添加样式.您可以使用以下内容覆盖它:

这里的工作示例
```
.nav .navbar-social > a {
    padding:0;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}
```
2023-01-30 09:16 回答

丽丽loveyou2002

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签