【发布时间】：2018-06-04 01:11:45
【问题描述】：
我在两个 HTML 页面中有相同的导航栏。在一页上，它与bootstrap/3.3.7 完美配合。在另一页上，我在 Bootstrap 4 中使用了 Cards。
当我注释掉 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 时，卡片可以正常工作，而导航栏无法正常工作。当我注释掉 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">,
导航栏正在工作但卡片不起作用时。
这是我的代码：
my code
【问题讨论】：
-
Bootstrap 在 flex 上，所以相信我，它会破坏许多想法，因为我在将其从 3 稳定版更新到 4 稳定版时遇到了主要和次要问题。一件事请在从 3 更新到 4 后使用 4.1.1。如果您从 4.1.1 更新到 4 stable 会导致一些小的对齐问题
-
@OwaizYusufi 我正在尝试 4.1.1，但结果完全不同。它甚至不适用于我使用 4.0.0 构建的导航栏。
-
BS4 是具有重大更改的主要版本，请参阅：getbootstrap.com/docs/4.1/migration/#navbar
标签： javascript html css bootstrap-4 navbar