如何在bootstrap 4中获取bootstrap 3的外观？

要在Bootstrap 4中获取Bootstrap 3的外观，可以通过以下几种方法实现：

方法一：使用Bootstrap 3兼容模式

Bootstrap 4提供了一个兼容模式，可以在Bootstrap 4项目中使用Bootstrap 3的样式。你可以在HTML文件的<head>部分添加以下代码：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

这样可以确保Bootstrap 3的样式覆盖Bootstrap 4的样式。

方法二：手动调整CSS

如果你只需要部分Bootstrap 3的样式，可以手动调整CSS来实现。首先，创建一个自定义的CSS文件，然后在其中覆盖Bootstrap 4的默认样式。例如：

/* custom.css */
.navbar {
  background-color: #f8f9fa;
  border-radius: 0;
}

.btn {
  border-radius: 0;
}

然后在HTML文件中引入这个自定义的CSS文件：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="custom.css">

方法三：使用Bootstrap 3的组件库

如果你需要使用Bootstrap 3的特定组件，可以考虑使用第三方库，这些库提供了Bootstrap 3组件的Bootstrap 4兼容版本。例如，bootstrap3-components库：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/bootstrap3-components@1.0.0/dist/css/bootstrap3-components.min.css">