Bootstrap 4.1 Style for WordPress Gravity Forms 2018

gravity-forms-bootstrap-4.1.css

@import url('https://fonts.googleapis.com/css?family=Roboto');

body .gform_wrapper { font-size: 1.2em; font-family: 'Roboto', sans-serif; font-weight: 300; color: #333; line-height: 1.8; }
body .gform_wrapper .gform_body .gform_fields .gfield { margin-bottom: 30px; }
body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea, .gform_wrapper .gform_body .gform_fields .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; height: calc(3rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
body .gform_wrapper .gform_body .gform_fields .gfield textarea { height: auto; }
body .gform_wrapper .gform_body .gform_fields .gfield label { margin: 0; padding: 0; }
body .gform_wrapper .gform_body .gform_fields .gfield input[type=radio], body .gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] { margin-right: 5px; }
body .gform_wrapper .gform_body .gform_fields .gfield_error { background: none; border: 0; padding: 0; }
body .gform_wrapper .gform_body .gform_fields .gfield_error select, body .gform_wrapper .gform_body .gform_fields .gfield_error textarea, body .gform_wrapper .gform_body .gform_fields .gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 1px solid #d44950; }
body .gform_wrapper .gform_body .gform_fields .gfield_error .name_first, body .gform_wrapper .gform_body .gform_fields .gfield_error .name_middle, body .gform_wrapper .gform_body .gform_fields .gfield_error .name_last { margin-left: 0 !important; }
body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message { padding: 0; margin-top: 0; }
body .gform_wrapper .gform_body .gform_fields .gfield_error .gfield_label, body .gform_wrapper .gform_body .gform_fields .gfield_error label { color: #333 !important; }
body .gform_wrapper .gform_body .top_label div.ginput_container { margin-top: 2px !important; }
body .gform_wrapper div.validation_error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; font-weight: normal; margin-bottom: 30px; }
body .gform_wrapper .gsection { border-bottom: 0; }
body .gform_wrapper .gform_page_footer { margin: 35px 0; }
body .gform_wrapper input.button { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: .3rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; cursor: pointer; }
body .gform_wrapper .gf_progressbar { border-radius: 0; width: 100%; }
body .gform_wrapper .gf_progressbar:after, body .gform_wrapper .gf_progressbar_percentage { border-radius: 0 !important; }
body .gform_wrapper .gf_progressbar_percentage { background: #333; }
body .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { margin: 7px 0 !important; }
body .gform_wrapper .validation_message { color: #d44950; }
body .gform_wrapper .description, .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction { font-size: inherit; margin-bottom: 10px; }
body .gform_wrapper h2.gsection_title { font-size: 1.5em; margin-bottom: 10px !important; }

<div class="col-md-8 offset-md-2">[gravityform id="1" title="false" description="true" ajax="true"]</div>