Bootstrap Form Helper V2.3.0 не работает

Здравствуйте, я учусь создавать список языков с флагами, используя Bootstrap Form Helper V2.3.0 Так что я

Скачать БЕСПЛАТНУЮ версию Bootstrap Form Helper V2.3.0
Скачать Bootsrap 3.0.0 (http://bootstrapdocs.com/v3.0.0/docs/)
Ссылка JQuery jquery-1.10.2

Эта версия jquery и bootrap требуется для Bootstrap Form Helper V2.3.0

Затем создайте простую страницу index.html и скопируйте пример кода из документации http://bootstrapformhelpers.com/language/#jquery-plugins

Результатом является ПУСТОЙ список выбора и отсутствие ошибок в консоли.

Может ли кто-нибудь объяснить мне, что я делаю не так?

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>

Загружаются ли ваши файлы css и js (т.е. находятся ли они в правильном месте в соответствии с кодом?) Вы можете проверить вкладку Сеть в инструментах разработчика вашего браузера.

— 28.08.2018 15:11

@McVenco в chrome - это вкладка Source, и да, они там

— 28.08.2018 17:28

css bootstrap-form-helper

28.08.2018 14:11

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...