引导面板无法正常工作

Dul*_*ndu 2 twitter-bootstrap

<!DOCTYPE html>
<html>
<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>GMP APP</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/custom.css" type="text/css"/>
</head>
<body>
    <div class="container">  
    <div class="panel panel-default">
        <div class="panel-heading"> SignUp to the system </div>
        <div class="panel-body">
            <<panel content goes here>>          
        </div>
        <div class="panel-footer"> You have 3 More attempts left! </div>
    </div>
        <script src="javascript/jquery.js"> </script>
        <script src="javascript/bootstrap.js"> </script>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

引导程序已正确链接。但是面板不工作。!我尝试了一切。我确实假设我已经正确链接了相关库。这是浏览器页面源的输出...

小智 15

面板在 bootstrap >= 4.1 中被丢弃。您应该使用 now 卡:

<div class="card">
  <div class="card-header">
    Header
  </div>
  <div class="card-body">
    Body
  </div>
  <div class="card-footer">
    Footer
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

https://getbootstrap.com/docs/4.1/components/card/

迁移说明:https : //getbootstrap.com/docs/4.1/migration/