文章/答案/技术大牛

发布

问引导下拉不打开
EN

Stack Overflow用户

提问于 2017-09-08 20:30:22

回答 2查看 419关注 0票数 1

我有一段代码，在这里我尝试用引导实现下拉栏。我直接从引导网站复制了这段代码，但是条子没有打开。知道它可能有什么问题吗？

             <div class="row">
                <div class="col-sm-1">
            <div class="dropdown">
              <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                Dropdown
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
                </div>
                </div>

html

twitter-bootstrap-3

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-09-08 20:47:34

我认为问题在于您还没有下载引导程序。

您可以从CDN下载引导程序或包含引导程序。如果您只想使它更简单，并且不需要下载就可以从Bootstrap检索信息，那么将这个CDN放在<head>部分中：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

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

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

但小心点！因为这个CDN在没有互联网的情况下是不能工作的，所以你需要在那个场合下载引导程序。

如果这不起作用，您可以在这里阅读更多关于引导的基本知识以及它是如何工作的：https://www.w3schools.com/bootstrap/bootstrap。

票数 0

Stack Overflow用户

发布于 2017-09-08 20:40:56

您的代码看起来并没有什么问题，我刚刚用一个空白页进行了测试，而您的下拉列表似乎正在工作。Id建议查看代码的其余部分中是否有未关闭的标记。

下坠

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46124118

复制

相似问题

问引导下拉不打开
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导下拉不打开EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导下拉不打开
EN