Bootstrap 下拉菜单/HTML 域托管 Web 生成器中的元素

Question

在网页设计方面，我很可能是您认为的完全新手，并且一直在使用 godaddy 上的网站构建器将一些相当基础的东西放在一起，并且我的代码有点乱七八糟我已经在网上找到了（希望保留所有判断力）。

无论如何，我试图通过使用 Bootstrap 下拉按钮让我的生活更轻松，但我觉得我一定错过了什么。站点构建器允许您添加一个 HTML 元素，然后您可以在其中输入 .script 或任何必要的内容。

当代码成功创建按钮时出现问题；然而，整个 HTML 元素仍然存在，而不是恢复到 alpha（也就是消失）。因为用视觉效果更容易演示，所以我在下面提供了代码和图片。在过去的几个小时里，我一直在网上搜索，感觉更有经验的人可以帮助我更快地指出正确的方向。非常感谢。

正如您在此处看到的那样，白框包含构建器添加的整个 HTML 元素

第二张图片来自已发布的网站。请注意，下拉列表在 HTML 元素的边缘被切断。如果它没有这样做，我显然只是调整元素的大小，但遗憾的是它并不那么容易（至少对我来说不是）。

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

</head>
<body>

<div class="dropdown">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown List
<span class="caret"></span> 
   </button>
<ul class="dropdown-menu">
  <li><a href="#">Option 1</a></li>
  <li><a href="#">Option 2</a></li>
  <li><a href="#">Option 3</a></li>
  <li><a href="#">Option 4</a></li>
  </ul>
</div></body>

Answer 1

您的脚本文件中缺少 https://。

改为：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 2

我将此标记为已解决，因为我决定不使用 bootstrap，而是自己编写按钮代码，而不使用 bootstrap 作为快捷方式。不幸的是，我没有时间弄清楚，因为我今天需要发布。感谢大家的协助。

Bootstrap 下拉菜单/HTML 域托管 Web 生成器中的元素

Bootstrap Dropdown / HTML Element In Domain Hosted Web-Builder

html

builder

twitter-bootstrap

dropdown