Wordpress 如何使用Bootstrap和自己的样式表设计WP联系人表单7插件表单的样式?
我在我的网站上使用WordPress联系表7从我的用户那里获取一些信息。该网站是使用Bootstrap框架构建的 现在我想在表单中使用自定义css样式和引导样式。所以我使用下面的代码。但它不是样式 有人告诉我怎么做这个表格吗 这里是我在联系表7中使用的内容Wordpress 如何使用Bootstrap和自己的样式表设计WP联系人表单7插件表单的样式?,wordpress,twitter-bootstrap,contact-form-7,Wordpress,Twitter Bootstrap,Contact Form 7,我在我的网站上使用WordPress联系表7从我的用户那里获取一些信息。该网站是使用Bootstrap框架构建的 现在我想在表单中使用自定义css样式和引导样式。所以我使用下面的代码。但它不是样式 有人告诉我怎么做这个表格吗 这里是我在联系表7中使用的内容 <h3>Which Goal You Are Looking To Achieved ?</h3> <div class="asking-box"> <h4><strong&g
<h3>Which Goal You Are Looking To Achieved ?</h3>
<div class="asking-box">
<h4><strong>Select your Goals</strong></h4>
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-6" for="question">Lasting happiness </label>
<div class="col-sm-12">
[checkbox checkbox-959 class:"my-check"]
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="question">Lasting happiness </label>
<div class="col-sm-12">
[checkbox* checkbox-404 class:my-check]
</div>
</div>
</form>
</div>
您希望实现的目标是什么?
选择你的目标
持久的幸福
[复选框-959类:“我的支票”]
持久的幸福
[复选框*复选框-404类别:我的复选框]
在标题中添加此链接
<link href="/css/materialize.min.css" rel="stylesheet" type="text/css">
<link href="/css/material-design-iconic-font.min.css" rel="stylesheet" type="text/css">
<link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
这在你的页面上
<div class="register-box">
<div class="container">
<div class="row">
<div class="inner-srch-pg">
<div class="bnr-srch-box">
<form action="" method="post" >
<div class="rgstr-form-cntnt">
<div class="row">
<?php echo do_shortcode('[contact-form-7 id="286" title="Contact form 1"]'); ?>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
现在,通过使用它为您的cf7表单设计响应性网格布局,您可以更轻松地实现这一点