您可以混合使用Bootstrap 3.3和Bootstrap 4.1吗?我尝试过,它破坏了网站

时间:2019-05-23 22:03:51

标签: javascript html css twitter-bootstrap bootstrap-4

我正在尝试同时使用引导程序和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>

如果删除其中之一,则导航栏将起作用,而底部则不会。如果删除底部,则导航栏将不起作用,但底部会起作用。

我想知道是否有解决方法。

3 个答案:

答案 0 :(得分:4)

Twitter Bootstrap Bootstrap。您正在尝试混合使用版本3和版本4。

它们并非旨在一起工作。 Bootstrap 4旨在完全替代Bootstrap 3。

使用版本4。将遵循版本3约定的代码更改为使用版本4约定。

答案 1 :(得分:1)

您正在尝试使用同一库的两个不同版本,所以我认为答案将是“否”。

我不知道是否存在具有所有相同点和不同点的文档,但是我知道3.3 javascript api4.1 javascript api的冲突。

答案 2 :(得分:1)

有两种版本的引导程序,您正尝试同时使用它们。这些都是引导程序Versions的所有版本。如果您想进一步了解它们,请查看bootstrap