<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style type="text/css">body {background-color: #ffffff;}
.form-group {
background: #ffffff ;
overflow: hidden;
padding: 0px;
}
.col-md-4 {
float: left;
width: 40%;
padding: 10px;
}
.control-label {
font-weight: bold;
text-align: right;
}
.form-control {width: 100%; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
cursor: pointer;
}
.checkbox, .radio {
vertical-align: middle;
cursor: pointer;
}
</style>