bootstrap冲突bootstrap真棒字体图标

时间:2017-04-26 11:03:40

标签: twitter-bootstrap-3 conflict font-awesome-3.2

我遇到了bootstrap和bootstrap awesome字体的问题。<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 当我把这些放在一起时,某些东西不起作用。如果我删除例如bootstrap,字体真棒工作。我正在尝试添加这样的社交媒体按钮:social media buttons 它正在工作但没有引导程序。但是当我添加bootstrap时,我正在丢失导航栏:broken buttons when add bootstrap。抱歉,我的错误解释我是新的:)任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:0)

你是否曾尝试先实施bootstrap然后再使用bootstrap真棒?

如果css类具有相同的名称,则它们将基于最后定义的类重写。 例如,当我首先使用.emoticon类添加bootstrap.css之后,还有一个同样具有.emoticon类的custom.css文件,它将使用上一个实现。

希望这有帮助!

答案 1 :(得分:0)

我建议下载bootstrap并在本地实现。这将解决问题,如果我没有弄错,问题会导致完整性,crossorigin 属性。

答案 2 :(得分:0)

在新的css文件而不是cdn中复制font-awesome和bootstrap的代码。在Index.html中包含bootstrap.css然后使用font-awesome.css,它可以正常工作。