Javascript 打印网页上的所有选项卡：基于codepen.io上的给定示例_Javascript_Html_Css

Javascript 打印网页上的所有选项卡：基于codepen.io上的给定示例

javascript html css

Javascript 打印网页上的所有选项卡：基于codepen.io上的给定示例,javascript,html,css,Javascript,Html,Css,我试图复制下面链接上的示例以打印所有导航选项卡例如：链接取自stackoverflow问题：但我得到的是这样一个页面：导航按钮功能不正常，打印按钮不起任何作用我刚刚将其添加到html文件中： <!DOCTYPE html> <html> <body> </body> </html> <link rel="stylesheet" type="text/css" href="print-nav-tabs.css"&g

我试图复制下面链接上的示例以打印所有导航选项卡

例如：

链接取自stackoverflow问题：

但我得到的是这样一个页面：

导航按钮功能不正常，打印按钮不起任何作用

我刚刚将其添加到html文件中：

<!DOCTYPE html>
<html>
<body>
</body>
</html>

<link rel="stylesheet" type="text/css" href="print-nav-tabs.css">

及

否则，我的代码与示例中的代码完全相同。为什么它不起作用？我错了什么

我在中导出了代码的zip，然后我注意到css没有很好地呈现，因为缺少：

 <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>

  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

 <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>

  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>