代码之家  ›  专栏  ›  技术社区  ›  MK-DK

Bootstrap 3.3.7下拉列表不工作

  •  4
  • MK-DK  · 技术社区  · 8 年前

    我正在制作一个下拉列表,您可以在其中设置电子邮件,如果您有公司,应该可以选择。

    如果尝试以下页面上的下拉列表: My example page -下拉列表不起作用。我可以看到页面加载时 <ul> 标签加载速度非常快。

    有人能看出哪里出了问题吗?

    <input placeholder="Email" name="EMAIL" class="mail" type="text" id="mce-EMAIL" required="">
        <span class="icon4"><i class="fa fa-envelope" aria-hidden="true"></i></span><br>
        
        <div class="dropdown">
          <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Company
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
            <li><a href="#">Yes</a></li>
            <li><a href="#">No</a></li>
          </ul>
        </div>
    1 回复  |  直到 8 年前
        1
  •  2
  •   El0din    8 年前

    确保所有指向引导的链接都正常工作。下面的代码是引导程序在线版本的链接:

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>