如何正确复制 html/css 片段答案

【问题标题】：How to properly copy html/css snippet如何正确复制 html/css 片段
【发布时间】：2019-05-23 03:18:21
【问题描述】：

我正在尝试复制此 html/css sn-p： https://bootsnipp.com/snippets/8k3

我复制了所有的 html。我将包括链接样式表在内的所有 css 复制到一个文档中。

当我在浏览器中运行复制的代码时，它会正确呈现，但是没有任何元素响应点击等。

对于此示例，当我单击“下拉”按钮时，在我复制的代码中，没有任何反应。

我怎样才能正确地复制这个 sn-p 以便它工作？

正如我所说，我尝试将所有可用的 css 复制到一个文档中，但仍然无法正常工作。

【问题讨论】：

这还不够。您需要在浏览器中打开开发人员工具，转到控制台，然后报告您可能在其中看到的任何错误。
我发布这篇文章的原因是为了获得一些经验丰富的建议，了解如何从具有 css 样式的页面中正确复制 html 元素。显然它不像复制 html 和 css 文件那么简单，因为这通常会由于某种原因导致损坏的 html 渲染

标签： html css twitter-bootstrap

【解决方案1】：

您可能需要将这些行复制/粘贴到 HTML 文档的 <head></head> 部分：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">

在您引用的页面的 <head></head> 部分找到（通过 DevTools）。

【讨论】：