html - 无法从 BootStrap 3 更新到 BootStrap 4

Question

我正在尝试从本地主机上的 BootStrap 3 更新到 BootStrap 4。

我得到了这个来自 bootstrap 3 的结果

这是我用来链接的代码

<link rel="stylesheet" href="css/bootstrap.min.css">

这个内联表单的代码在这里

<form class="form-inline">
 <div class="form-group">
  <label for="staticEmail2" class="sr-only">Email</label>
  <input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="email@example.com">
 </div>
 <div class="form-group mx-sm-3">
  <label for="inputPassword2" class="sr-only">Password</label>
  <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
 </div>
 <button type="submit" class="btn btn-primary">Confirm identity</button>
</form>

但是当我把一个测试文件放在元素文件夹之外并链接到同一个 CSS 文件时，它会给我结果

这是预期的结果

请帮我解决这个问题。

Answer 1

您需要清除浏览器缓存。如果您的问题仍然存在，您需要检查是否有任何其他 CSS 改变了您的样式。如果没有这样的 CSS，您需要检查是否有一些 Javascript 覆盖了您的样式。暂时关闭浏览器中的 Javascript，如果这样设计更好，那么在您重新打开 Javascript 后，调试您的 JS 代码，看看它何时会改变您的样式。