1

当涉及到网页设计时，我可能会被您认为是一个完整的新手，并且一直在使用 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>
4

2 回答 2

1

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

将其更改为：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
于 2015-10-11T06:46:48.510 回答
0

我将其标记为已解决，因为我决定不使用引导程序，而只是自己编写按钮而不使用引导程序作为快捷方式。不幸的是，我没有时间弄清楚这一点，因为我今天需要发布。谢谢大家的帮助。

于 2015-10-12T17:06:28.557 回答