为什么我的引导程序不起作用? [英] Why is my bootstrap not working?

查看:24
本文介绍了为什么我的引导程序不起作用?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

请帮帮我!为什么引导程序不加载类?

Please help me! Why is bootstrap not loading the classes?

这是我的代码,它只是一个表格和一个简单的按钮,但没有应用任何类

Here's my code which is just a table and a simple button, yet no classes are applied

<!DOCTYPE html>
<html>
<head>
    <title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    </title>
</head>
<body>

<table class="table" id="table">
    <thead>
        <tr>
            <th>Order ID</th>
            <th>TX ID CxPay</th>
            <th>TX ID IY</th>
            <th>Amount</th>
            <th>Class</th>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
        </tr>
    </tbody>
</table>
<button class="btn btn-success">asasa</button>
<script>
    $(document).ready(function() {
    $('#table').DataTable();
} );
</script>
</body>
</html>

引导程序和数据表都不起作用.我在这里缺少什么?任何帮助表示赞赏!

Neither bootstrap nor datatables is working. What am I missing here? Any help is appreciated!

推荐答案

您在 </code> 中导入了不正确的脚本.在 <code><title></code> 中,只允许使用描述页面标题的文本.将 <code><script></code> 和 <code><link></code> 放在 <code></head></code><em class="showen"></em></p> <p class="en">You are importing the script inside <code><title></code> that's not correct. In <code><title></code> only text is allowed describing your page's title. Place your <code><script></code> and <code><link></code> above the <code></head></code></p> <p>这篇关于为什么我的引导程序不起作用?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2449988');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="为什么此引导导航不起作用?" href="/1493838.html"> 为什么此引导导航不起作用?; </a> </li> <li> <a target="_blank" title="为什么引导动态表分页不起作用?" href="/2328026.html"> 为什么引导动态表分页不起作用?; </a> </li> <li> <a target="_blank" title="轮播引导程序不起作用" href="/1990950.html"> 轮播引导程序不起作用; </a> </li> <li> <a target="_blank" title="引导程序模型不起作用" href="/1974925.html"> 引导程序模型不起作用; </a> </li> <li> <a target="_blank" title="覆盖引导程序样式不起作用" href="/1720546.html"> 覆盖引导程序样式不起作用; </a> </li> <li> <a target="_blank" title="引导程序切换按钮不起作用" href="/2240033.html"> 引导程序切换按钮不起作用; </a> </li> <li> <a target="_blank" title="工具提示引导程序不起作用" href="/2223579.html"> 工具提示引导程序不起作用; </a> </li> <li> <a target="_blank" title="引导程序验证不起作用" href="/1812422.html"> 引导程序验证不起作用; </a> </li> <li> <a target="_blank" title="引导程序弹出窗口不起作用" href="/1837901.html"> 引导程序弹出窗口不起作用; </a> </li> <li> <a target="_blank" title="Twitter引导程序模式不起作用" href="/1486499.html"> Twitter引导程序模式不起作用; </a> </li> <li> <a target="_blank" title="为什么我的绑定不起作用?" href="/1101758.html"> 为什么我的绑定不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的JScrollPane不起作用?" href="/1478380.html"> 为什么我的JScrollPane不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的代码不起作用?" href="/1096304.html"> 为什么我的代码不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的绑定不起作用?" href="/1254202.html"> 为什么我的绑定不起作用?; </a> </li> <li> <a target="_blank" title="我的查询不起作用.为什么 ?" href="/1335728.html"> 我的查询不起作用.为什么 ?; </a> </li> <li> <a target="_blank" title="为什么我的StringReplace不起作用?" href="/1954096.html"> 为什么我的StringReplace不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的PDO不起作用?" href="/1737383.html"> 为什么我的PDO不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的循环不起作用" href="/1406032.html"> 为什么我的循环不起作用; </a> </li> <li> <a target="_blank" title="为什么我的代码不起作用?" href="/1269395.html"> 为什么我的代码不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的 xpath 不起作用" href="/2405340.html"> 为什么我的 xpath 不起作用; </a> </li> <li> <a target="_blank" title="为什么我的按钮不起作用?" href="/1161900.html"> 为什么我的按钮不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的SkeletonFrameReady不起作用" href="/1278574.html"> 为什么我的SkeletonFrameReady不起作用; </a> </li> <li> <a target="_blank" title="为什么我的断点不起作用?" href="/1976192.html"> 为什么我的断点不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的代码不起作用?" href="/1131981.html"> 为什么我的代码不起作用?; </a> </li> <li> <a target="_blank" title="为什么我的方法不起作用?" href="/1321347.html"> 为什么我的方法不起作用?; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome(在Electron内部)突然重定向到chrome-error:// chromewebdata?" href="/1996151.html"> 为什么Chrome(在Electron内部)突然重定向到chrome-error:// chromewebdata?; </a> </li> <li> <a target="_blank" title="错误102(net :: ERR_CONNECTION_REFUSED):服务器拒绝连接" href="/749568.html"> 错误102(net :: ERR_CONNECTION_REFUSED):服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止:没有'Access-Control-Allow-Origin'标题'?" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止:没有'Access-Control-Allow-Origin'标题'?; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught(in promise)DOMException:play()失败,因为用户没有首先与文档交互。”在桌面上使用Chrome 66?" href="/884909.html"> 如何处理“Uncaught(in promise)DOMException:play()失败,因为用户没有首先与文档交互。”在桌面上使用Chrome 66?; </a> </li> <li> <a target="_blank" title="警告:添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告:添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件(视频/ MP2T媒体类型)?" href="/343346.html"> 如何在浏览器中播放.TS文件(视频/ MP2T媒体类型)?; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表,但转换为MIME类型text / html(似乎与web服务器无关)" href="/562873.html"> 资源解释为样式表,但转换为MIME类型text / html(似乎与web服务器无关); </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*',因为它的MIME类型(“应用/ JSON')不是可执行文件,并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*',因为它的MIME类型(“应用/ JSON')不是可执行文件,并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '为什么,我,的,引导,程序,不起作用'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接: <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section> <!--统计代码--> <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>