Input fields on 2 columns and click error

  • Hello,

    I’m using CF7 (v 5.2.2 with WP 5.5.1) and I use bootstrap for my CSS template.

    I want to display some input fields on 2 columns, with this code

    <div class="col-lg-6">
	<label> Votre nom *
	    [text* nom] </label>
</div>
<div class="col-lg-6">
	<label> Votre prénom *
	    [text* prenom] </label>
</div>
<div class="col-lg-6">
	<label> Votre téléphone *
	    [tel* tel] </label>
</div>
<div class="col-lg-6">
	<label> Votre adresse de messagerie *
	    [email* email] </label>
</div>
<div class="col">
	<label> Votre message *
    	[textarea* message] </label>
</div>
<div class="row" style="justify-content:flex-end">
	[submit "Envoyer"]
</div>

    The issue is that I can’t click on one of the input fields.
    When I try, the focus goes on the textarea field and I have to use SHIFT+TAB to activate the input fields.

    I tested several CSS configurations and I noticed that the property “float:left” on the div produces the error.

    What can I do to display the form as I want to ?

  • The topic ‘Input fields on 2 columns and click error’ is closed to new replies.