联系人表7-给每个复选框一个类?

时间:2018-07-24 作者: Ben Kailon

我正在使用联系人表单7,表单中有一组复选框。我想给每个复选框一个类。CF7允许我们添加一个类,但这只适用于父对象。我希望我的自定义类位于内部div上。

我想添加一个自定义类,因为我使用的是Bootstrap 4,并且我希望通过给类指定“col-4”,每行有3个复选框(例如)。

Picture of html to help explain

我错过什么了吗?我需要使用javascript吗?

1 个回复
最合适的回答,由SO网友:Andrea Somovigo 整理而成

页脚中带有jquery。php

jQuery(document).ready(function($){
  $(\'.wpcft-form-control div.checkbox\').addClass(\'col-4\');
}
或者通过css(您必须调整各种屏幕分辨率并进行一些测试)

<style>
.wpcft-form-control div.checkbox{width:33%;max-width:33%;float:left}
</style>
但我认为您可以创建单独的n个单独的复选框,并将它们包装在

<div class="col-4">[checkbox checkbox-x  "option1"]</div>
<div class="col-4">[checkbox checkbox-x  "option2"]</div>
<div class="col-4">[checkbox checkbox-x  "option3"]</div>
在表单编辑器中

结束

相关推荐

加载新HTML5视频时页面闪烁

我正在使用WordPress创建一个网站。我在页面顶部包含了一个HTML代码,可以在一个循环中播放3个视频。最初,所有视频按顺序播放,没有任何问题。但在第二次迭代中,每次视频播放完毕并加载下一个视频时,视频下面的内容都会闪烁。不是整个页面,而是内容的顶部。内容似乎在几分之一秒内被替换。这可能是一个身高问题。HTML:<div> <div class=\"splash\"> <div class=\"playreel-padding\">

联系人表7-给每个复选框一个类? - 小码农CODE - 行之有效找到问题解决它

联系人表7-给每个复选框一个类?

时间:2018-07-24 作者: Ben Kailon

我正在使用联系人表单7,表单中有一组复选框。我想给每个复选框一个类。CF7允许我们添加一个类,但这只适用于父对象。我希望我的自定义类位于内部div上。

我想添加一个自定义类,因为我使用的是Bootstrap 4,并且我希望通过给类指定“col-4”,每行有3个复选框(例如)。

Picture of html to help explain

我错过什么了吗?我需要使用javascript吗?

1 个回复
最合适的回答,由SO网友:Andrea Somovigo 整理而成

页脚中带有jquery。php

jQuery(document).ready(function($){
  $(\'.wpcft-form-control div.checkbox\').addClass(\'col-4\');
}
或者通过css(您必须调整各种屏幕分辨率并进行一些测试)

<style>
.wpcft-form-control div.checkbox{width:33%;max-width:33%;float:left}
</style>
但我认为您可以创建单独的n个单独的复选框,并将它们包装在

<div class="col-4">[checkbox checkbox-x  "option1"]</div>
<div class="col-4">[checkbox checkbox-x  "option2"]</div>
<div class="col-4">[checkbox checkbox-x  "option3"]</div>
在表单编辑器中

相关推荐

我可以使用<脚本>直接插入JavaScript吗?

我对建立Wordpress网站很陌生,所以如果我不能正确描述事情,请原谅我。有一个网站提供。屏幕上飞行蝙蝠的js文件。https://www.delphitools.info/2013/10/30/pimp-your-website-with-an-halloween-bat/它说我可以使用<script async src=\"https://cdn.delphitools.info/wp-content/uploads/2013/10/jsbat.js\"></script>&