Как вставить WP-форму контакта 7 Плагин с использованием Bootstrap и собственной таблицы стилей?

Question

Я мой сайт Я использую форму для связи с WordPress 7, чтобы получить информацию от моих пользователей. Веб-сайт построен с использованием Bootstrap Framework.

Теперь я хочу использовать свой стиль css и стиль Bootstrap для формы. Так что я использую следующий код. Но это не укладка.

Кто-нибудь скажет мне, как я могу создать эту форму?

Вот что я использую в контактной форме 7

<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> 

Answer 1

объявление эту ссылку в заголовке

<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> 

Answer 2

Вы теперь можно добиться этого намного проще, используя этот plugin для разработки гибких grid-макетов для ваших форм cf7.