Email Feild Pings Back “Form Is Required” When Emai Is Shown

I’ve used Contact Form 7 in quite a few websites due to the way it works, and how simple everything is. Now this time I’m having issues with the email feild.

When you type the required feilds out (first name, last, email, subject, message, acceptacnce). It always pings at the email feild “This form is required.” I have the correct layout (example@domain.com; not the email I’m using when testing). After this form show the messgae you can’t edit the email feild.

Now I made sure the plugin was updated to the lastest version and I have the lastest version installed. Below is the form in the backend. The link to terms has been taken out due to clinet privacy.

With the layout of the from I’ve added the col-xs-12, then use full width you will notice I just use col-xs-12, to split I use col-xs- 6, all other feilds work fine, with or without this in the feild the email feild always shows the error message, then uneditable once shown.

<div class=”contact-form clearfix”>

<div class=”row”>
<div class=”col-sm-6″>
[text* first-name class:col-xs-12 placeholder “First Name (required)”]
</div>
<div class=”col-sm-6″>
[text* last-name class:col-xs-12 placeholder “Last Name (required)”]
</div>
<div class=”col-sm-6″>
[tel* tel-num class:col-xs-12 placeholder “Phone Number (optional)”]
</div>
<div class=”col-sm-6″>
[text bus-name class:col-xs-12 placeholder "Business Name (optional)"]
</div>
<div class=”col-sm-12″>
[email* email-789 class:col-xs-12 placeholder “Your Email (required)”]

</div>
</div>
[text your-subject class:col-xs-12 placeholder "subject"]

[textarea your-message class:col-xs-12 25×4 placeholder “message”]

</div>
[acceptance accept-this-1]Click here if you accept our terms.
[submit class:btn class:btn-default “Send”]
</div>

So show I just use another plugin for the contact form, or is there a fix for this?