Javascript 样式表不适用于引导4 CDN链接？
Javascript和我的引导cdn一起工作很好，但是我的css文件似乎被默认的引导cdn覆盖了，需要帮助添加！我的css文件的重要标记 我几乎尝试了所有可能的活动，但都没有起到任何作用 我的代码片段如下所示：Javascript 样式表不适用于引导4 CDN链接？,javascript,html,css,twitter-bootstrap,overriding,Javascript,Html,Css,Twitter Bootstrap,Overriding,Javascript和我的引导cdn一起工作很好，但是我的css文件似乎被默认的引导cdn覆盖了，需要帮助添加！我的css文件的重要标记 我几乎尝试了所有可能的活动，但都没有起到任何作用 我的代码片段如下所示： var nodes=document.querySelectorAll（'li'）， _nodes=[].slice.call（节点，0）； var getDirection=功能（ev，obj）{ var w=对象偏移网络宽度， h=obj。在视线之外， x=（ev.pageX-ob
var nodes=document.querySelectorAll（'li'），
_nodes=[].slice.call（节点，0）；
var getDirection=功能（ev，obj）{
var w=对象偏移网络宽度，
h=obj。在视线之外，
x=（ev.pageX-obj.offsetLeft-（w/2）*（w>h？（h/w）：1）），
y=（ev.pageY-obj.offsetTop-（h/2）*（h>w？（w/h）：1）），
d=数学四舍五入（数学atan2（y，x）/1.57079633+5）%4；
返回d；
};
var addClass=功能（ev、obj、状态）{
var方向=getDirection（ev，obj），
class_后缀=”；
obj.className=“”；
开关（方向）{
案例0：
class_后缀='-top'；
打破
案例1：
class_后缀='-右'；
打破
案例2：
class_后缀='-bottom'；
打破
案例3：
类_后缀='-左'；
打破
}
对象类列表添加（状态+类后缀）；
};
_nodes.forEach（函数（el）{
el.addEventListener（'mouseover'，函数（ev）{
addClass（ev，本“in”）；
}，假）；
el.addEventListener（“鼠标输出”，功能（ev）{
addClass（ev，这是“out”）；
}，假）；
});
li{
-webkit透视图：400px；
透视图：400px；
}
.info{
-webkit变换：旋转3D（1,0,0,90度）；
变换：旋转3d（1,0,0,90度）；
宽度：100%；
身高：100%；
填充：50px；
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
边界半径：4px；
指针事件：无；
背景色：rgba（26188156,0.9）；
}
.在顶部。信息{
-webkit转换来源：50%0%；
变换原点：50%0%；
-webkit动画：在前300毫秒轻松0毫秒1向前；
动画：在前300毫秒放松0毫秒1向前；
}
.出类拔萃.信息{
-webkit转换来源：50%0%；
变换原点：50%0%；
-webkit动画：前300毫秒轻松0毫秒1向前；
动画：前300毫秒放松0毫秒1向前；
}
@-顶部的webkit关键帧{
从{
-webkit变换：旋转3D（-1,0,0,90度）；
变换：旋转3d（-1,0,0,90度）；
}
到{
-webkit变换：旋转3D（0,0,0,0度）；
变换：旋转3d（0,0,0,0度）；
}
}
@顶部的关键帧{
从{
-webkit变换：旋转3D（-1,0,0,90度）；
变换：旋转3d（-1,0,0,90度）；
}
到{
-webkit变换：旋转3D（0,0,0,0度）；
变换：旋转3d（0,0,0,0度）；
}
}
@-webkit关键帧位于顶部{
从{
-webkit变换：旋转3D（0,0,0,0度）；
变换：旋转3d（0,0,0,0度）；
}
到{
-webkit变换：旋转3D（-1,0,0,104度）；
变换：旋转3d（-1,0,0,104度）；
}
}
@关键帧位于顶部{
从{
-webkit变换：旋转3D（0,0,0,0度）；
变换：旋转3d（0,0,0,0度）；
}
到{
-webkit变换：旋转3D（-1,0,0,104度）；
变换：旋转3d（-1,0,0,104度）；
}
}
方向感知3D悬停效果（概念）
方向感知悬停效应
CSS&；一些JS
-
单一来源的咖啡
威廉斯堡豆腐宝丽来，90年代布什维克讽刺locavore民族meh信使包Truffaut牛仔短裤
在引导css之后加载自定义css，即加载项的顺序。按照当前顺序，CSS加载，然后引导加载，覆盖样式
要修复此问题，只需在引导加载后放置自定义CSS
<head>
<meta charset="UTF-8">
<title>Direction-aware 3D hover effect (Concept)</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
方向感知3D悬停效果（概念）
！重要信息
可以这样使用：li{-webkit透视图：400px！重要信息；透视图：400px！重要信息；}
不工作，不知道出了什么问题。如果你能帮我把这个代码笔添加到引导程序中