Question

我下载了这个插件，但我不知道如何让它工作？我还包括所有nececery文件bootstrap和helper。

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-formhelpers.js"></script>

 <link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<input type="text" class="form-control bfh-phone" data-format="+1 (ddd) ddd-dddd">

但我仍然没有在他们的网站上得到任何结果？哪里错了？

Answer 1

您需要将CSS放在JS之前。

通常情况下，您将CSS放在<HEAD>和JS BODY之前。

您可以将JS放在HEAD中，但在CSS声明之后创建它。 formhelpers JS使用CSS，这就是为什么它必须在之前。

然后在您想要控制的BODY中，您需要使用DIV而不是INPUT，因为使用DIV iirc控制它？

<form class="form-inline">
   <div class="bfh-phone" data-format=""></div>
</form>

希望有所帮助。

Bootstrap Form Helper如何初始化

1 个答案: