求解决：引入Bootstrap3.0以上版本和4.0以上版本的基本模版，有什么区别？

img

img

img

img


而且，发现引入3.0以上版本，按钮组里的样式有效；4.0以上的模版，按钮组里的样式反而用不了，如下图：

img

img


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap引入</title>
     
    <!-- 引入3.0版本 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 4.0版本 -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-olOxEXxDwd20BlATUibkEnjPN3sVq2YWmYOnsMYutq7X8YcUdD6y/1I+f+ZOq/47" crossorigin="anonymous"> -->

    
</head>
<body>
  <!-- 复制3.0版本的按钮样式 -->
  <button type="button" class="btn btn-primary">（3.0版本的按钮）Primary</button>


<!-- 复制4.0版本的按钮样式 -->
  <button type="button" class="btn btn-primary">（4.0以上版本的按钮）Primary</button>
    
</body>
</html>

3.0和4.0的区别我就不说了，但是他们的样式不会变的，我用你的代码，的确3.0的可以出来样式，4.0的不行，然后我 浏览器F12在控制台看了一下，发现引入4.0的css文件报错，如图

img


你只需要把integrity后面的删除了就可以了，
还有要学会自己调试，不会的可以私信问我