Contact7 WordPress Plugin Bootstrap 4 Styles

contact-7-bootstrap-4-example.html

<div class="form-group">
    <label>Your Name</label>
   [text* your-name class:form-control]
</div>
<div class="form-group">
    <label>Your Email</label>
 [email* your-email class:form-control]
</div>

<div class="form-group">
<label>Your Telephone Number</label>
[tel your-tel class:form-control]
</div>

<div class="form-group">
<label>Your Message</label>
    [textarea your-message class:form-control]
</div>

<div class="form-group">
[submit "Send" class:btn class:btn-primary]
</div>

contact-7-bootstrap-4.scss

.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-range):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance):not(.wpcf7-file) {
	@extend .form-control;
}
.wpcf7-checkbox .wpcf7-list-item {
	@extend .checkbox;
}
.wpcf7-checkbox.checkbox-inline .wpcf7-list-item {
	@extend .checkbox-inline;
}
.wpcf7-radio .wpcf7-list-item {
	@extend .radio;
}
.wpcf7-radio.radio-inline .wpcf7-list-item {
	@extend .radio-inline;
}
.wpcf7-submit {
	@extend .btn;
	@extend .btn-primary;
}

/* Style validation */
div.wpcf7-validation-errors {
	margin: 0;
	@extend .alert;
	@extend .alert-warning;
}
span.wpcf7-not-valid-tip {
	@extend .form-text;
	color: $state-danger-text;
}
.wpcf7-form-control.wpcf7-not-valid {
	border-color: $state-danger-text !important;
}

remove-br-tage-wp-config.php

<?php
define ('WPCF7_AUTOP', false );