Здравствуйте, я собираюсь создать комбинированный список языков с флагами с помощью 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 и начальной загрузки требуется для 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>