引导面板无法正常工作 [英] bootstrap panel is not working properly

查看：27
本文介绍了引导面板无法正常工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

<头><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"/><身体><div class="容器"><div class="panel panel-default"><div class="panel-heading">注册系统

<div class="panel-body"><<面板内容在这里>>

<div class="panel-footer">您还有 3 次尝试机会！

<script src="javascript/jquery.js"><script src="javascript/bootstrap.js">

</html>

bootstrap 已正确链接.但是面板不工作.！我尝试了一切.我确实假设我已经正确链接了相关库.这是浏览器页面源码的输出...

解决方案

这里有 fiddle https://jsfiddle.net/nh2g8mLb/

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="样式表"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><div class="容器"><div class="panel panel-default"><div class="panel-heading">注册系统

<div class="panel-body">测试面板

<div class="panel-footer">您还有 3 次尝试机会！

<!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>

bootstrap is linked correctly. But the panel is not working.! I tried everything. I do assume i have correctly linked relevant libraries. This is the output of the browser page source...

解决方案

Here you go with fiddle https://jsfiddle.net/nh2g8mLb/

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">  
    <div class="panel panel-default">
        <div class="panel-heading"> SignUp to the system </div>
        <div class="panel-body">
            Test Panel
        </div>
        <div class="panel-footer"> You have 3 More attempts left! </div>
    </div>
</div>

这篇关于引导面板无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆