Question

我如何将上面的bootstrap插件插入到我的表单中。我将所有必要的文件导入到我的表单文档中。我只插入此代码。我从来没有写过任何js代码。但这不起作用。

<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
</div>

这是我的国家选择链接。对我的问题有任何想法吗？

http://bootstrapformhelpers.com/country/#example4

Answer 1

要使其工作，您应该添加指向Bootstrap Form Helpers库的CSS和JS文件的链接，这些文件应该先前已下载到您的服务器上

<link href="css/bootstrap-form-helpers.min.css" rel="stylesheet">
<script src="js/bootstrap-formhelpers.min.js"></script>

仔细阅读此页http://bootstrapformhelpers.com/gettingstarted/#jquery-plugins

Answer 2

是你的index.html全部：

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

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

<!-- jQuery -->
<script src="js/jquery-1.10.2.min.js"></script>

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

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

Answer 3

对你来说这可能为时已晚，但我在另一个问题上发现了这个问题，这对我有用：

<div id="countries_states2" class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
        <input form='form1' type="hidden" value="" required>
        <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
                <span class="bfh-selectbox-option input-medium" data-option=""></span>
                <b class="caret"></b>
        </a>
        <div class="bfh-selectbox-options countries" >
               <div role="listbox">
                      <ul role="option">
                      </ul>
               </div>
        </div>
</div>

如何将bootstrap表单助手国家选择器插入表单？

3 个答案: