【问题标题】:Can you mix bootstrap 3.3 and bootstrap 4.1? I have tried and it breaks the website你可以混合使用 bootstrap 3.3 和 bootstrap 4.1 吗?我试过了,它破坏了网站
【发布时间】:2019-10-10 12:23:32
【问题描述】:

我正在尝试同时使用引导程序和推特引导程序。基本上,我似乎无法让他们一起工作。他们甚至应该一起工作吗?你可以在这里看到 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>

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

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

【问题讨论】:

  • 只有一个 Bootstrap。除了混合 CDN 之外,我们不知道您指的是什么

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


【解决方案1】:

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

它们并非旨在协同工作。 Bootstrap 4 旨在完全取代 Bootstrap 3。

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

【讨论】:

  • 感谢您的澄清
【解决方案2】:

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

我不知道是否有一个文档具有所有的异同,但我知道3.3 javascript api4.1 javascript api 的冲突。

【讨论】:

  • 相同点和不同点:它们完全不同。只有名字是一样的
【解决方案3】:

有 2 个版本的引导程序,您正尝试同时使用这两个版本。这些都是引导程序Versions 的所有版本。如果您想了解更多信息,请查看bootstrap

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-07-10
    • 1970-01-01
    • 1970-01-01
    • 2018-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多