Title: Issue with conditional fields and bootstrap
Last modified: September 2, 2025

---

# Issue with conditional fields and bootstrap

 *  Resolved [alessioformentiabz](https://wordpress.org/support/users/alessioformentiabz/)
 * (@alessioformentiabz)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/issue-with-conditional-fields-and-bootstrap/)
 * Hi, I have an issue with Contact Form7 version 6.1.1 and Conditional fields 2.6.3.
 * I have a quite simple form wich varies depending on a radio value.
 * Everything works fine BUT there seems to be an issue on the Bootstrap only for
   the fields included in a group, because the always go to a new line instead of
   using two columns as the other fields.
 * This can be easily tested with the form tester ([https://conditional-fields-cf7.bdwm.be/form-tester/](https://conditional-fields-cf7.bdwm.be/form-tester/))
   so I can exclude some extra plugin or my theme. Here is the code:
 *     ```wp-block-code
       <div class="row d-flex align-item-center">    <div class="col-sm-6 col-12">    <p>[text* cname placeholder "Name*"]</p>    </div>    <div class="col-sm-6 col-12">       [email* cemail placeholder "Email*"]    </div>    <div class="col-sm-6 col-12">        [text* cphone placeholder "Phone*"]    </div>    <div class="col-sm-6 col-12">        [text* cazienda placeholder "Company*"]    </div>    <div class="col-sm-6 col-12">        [text* cpiva placeholder "VAT*"]    </div>    <div  class="col-sm-12 col-12">    <span style="font-size:14px;">Quotation</span>    [radio tipoq use_label_element default:1 "Shippings" "Logistics"]    </div>    [group shippings-selected]    <div class="col-sm-6 col-12">       [select container id:container class:wide "20' box standard" "40' box standard"]    </div>    <div class="col-sm-6 col-12">    [select valuetype id:incoterms class:wide "Incoterms" "EXW"]    </div>   <div class="col-sm-6 col-12">        [text cdescrizione placeholder "Description"]    </div>   <div class="col-sm-6 col-12">    </div>    <div class="col-6 col-sm-3">        [text pweight placeholder "Weight"]    </div>    <div class="col-6 col-sm-3">        [text pheight placeholder "Height"]    </div>    <div class="col-6 col-sm-3">    [text pwidth placeholder "Width"]    </div>    <div class="col-6 col-sm-3">       [text plength placeholder "Length"]    </div>    [/group]    [group logistics-selected]    <div class="col-sm-6 col-12">        [text dsettore placeholder "Your sector?"]    </div>    [/group]    <div class="col-sm-12 col-12">       [textarea cmessaggio placeholder "Description"]    </div></div>
       ```
   
 * and here is the conditional code:
 *     ```wp-block-code
       show [shippings-selected] if [tipoq] equals "Shippings"show [logistics-selected] if [tipoq] equals "Logistics"
       ```
   
 * Thank you

Viewing 1 replies (of 1 total)

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/issue-with-conditional-fields-and-bootstrap/#post-18625161)
 * [Welcome to Support Forum — Please Read Before Posting](https://wordpress.org/support/topic/welcome-to-support-forum-please-read-before-posting/)

Viewing 1 replies (of 1 total)

The topic ‘Issue with conditional fields and bootstrap’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * Last activity: [9 months, 3 weeks ago](https://wordpress.org/support/topic/issue-with-conditional-fields-and-bootstrap/#post-18625161)
 * Status: resolved