Bootstrap Form Helper V2.3.0不起作用

时间:2018-08-28 12:11:22

标签: css bootstrap-form-helper

你好,我正在训练使用Bootstrap Form Helper V2.3.0创建带有标志的语言组合框 所以我

  1. 下载Bootstrap Form Helper V2.3.0免费版
  2. 下载Bootsrap 3.0.0(http://bootstrapdocs.com/v3.0.0/docs/
  3. 链接Jquery jquery-1.10.2

Bootstrap Form Helper V2.3.0要求使用此版本的jquery和bootsrap

比创建简单的index.html页并从文档http://bootstrapformhelpers.com/language/#jquery-plugins复制示例代码

结果是EMPTY选择列表,控制台中没有错误

有人可以向我解释我在做什么错吗?

Index.html

  <!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Form Helpers Basic Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="bootstrap-3.0.0/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- Bootstrap Form Helpers -->
    <link href="bootstrapformhelpers/css/bootstrap-formhelpers.min.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>

          <script src="js/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
      <!-- Example 3 -->
        <div class="bfh-selectbox bfh-languages" data-language="en_US" data-available="en_US,fr_CA,es_MX" data-flags="true">
        </div>
      <!-- Example 4 -->
      <span class="bfh-languages" data-language="en_US" data-flags="true"></span>
        <!-- jQuery -->
        <script   src="https://code.jquery.com/jquery-1.10.2.js"  integrity="sha256-it5nQKHTz+34HijZJQkpNBIHsjpV8b6QzMJs9tmOBSo="  crossorigin="anonymous"></script>

        <!-- Bootstrap -->
        <script src="bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>

        <!-- Bootstrap Form Helpers -->
        <script src="bootstrapformhelpers/js/bootstrap-formhelpers.js"></script>
      </body>
    </html>

0 个答案:

没有答案