我正在尝试同时使用引导程序和Twitter引导程序。基本上,我似乎无法让他们一起工作。他们甚至应该一起工作吗?您可以在此处看到js Fiddle。 https://jsfiddle.net/paralaxwombat/v7hpoc6m/4/
有两组引导程序调用线。
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
如果删除其中之一,则导航栏将起作用,而底部则不会。如果删除底部,则导航栏将不起作用,但底部会起作用。
我想知道是否有解决方法。
答案 0 :(得分:4)
Twitter Bootstrap 是 Bootstrap。您正在尝试混合使用版本3和版本4。
它们并非旨在一起工作。 Bootstrap 4旨在完全替代Bootstrap 3。
使用版本4。将遵循版本3约定的代码更改为使用版本4约定。
答案 1 :(得分:1)
您正在尝试使用同一库的两个不同版本,所以我认为答案将是“否”。
我不知道是否存在具有所有相同点和不同点的文档,但是我知道3.3 javascript api和4.1 javascript api的冲突。
答案 2 :(得分:1)