Structure

<div id="" class="portlet light bordered ">
    <div class="portlet-title">
        <div class="caption font-dark"><i class="fa fa-info-circle font-dark"></i><span class="caption-subject bold uppercase">Design Information</span><span class="caption-helper"></span></div>
        <div class="tools" style="margin-right: 5px;"></div>
        <div class="actions" style="margin-right: 5px;"></div>
    </div>
    <div class="portlet-body form">
        <div style="" class="col-md-12 col-lg-12">
            <div class="form-group">
                <label class="">NAME</label>
                <input id="input_name" type="text" name="design_name" class=" form-control " placeholder="Design Name" value="" style="border: 1px solid #ccc" autocomplete="input-name"> </div>
        </div>
        <div style="" class="col-md-12 col-lg-12">
            <div class="form-group">
                <label class="">PROJECT</label>
                <div class="btn-group bootstrap-select bs-select form-control">
                    <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="input_project" title="Select Project"><span class="filter-option pull-left">Select Project</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                    </button>
                    <div class="dropdown-menu open" role="combobox">
                        <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                            <li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">Select Project<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">Citra Lake Suite<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">Citra garden City<span class="fa fa-check check-mark"></span></a></li>
                        </ul>
                    </div>
                    <select data-show-subtext="true" id="input_project" name="design_project" class="bs-select form-control" placeholder="" value="" required="" tabindex="-98">
                        <option value="" data-content="Select Project"></option>
                        <option value="1" data-content="Citra Lake Suite"></option>
                        <option value="2" data-content="Citra garden City"></option>
                    </select>
                </div>
            </div>
        </div>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                $(".bs-select").selectpicker({
                    iconBase: "fa",
                    tickIcon: "fa-check"
                })
            });
        </script>
        <div style="" class="col-md-6 col-lg-6">
            <div class="form-group">
                <label class="">MONTH OF LAUNCH</label>
                <div class="btn-group bootstrap-select bs-select form-control">
                    <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="input_month" title="Select Month"><span class="filter-option pull-left">Select Month</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                    </button>
                    <div class="dropdown-menu open" role="combobox">
                        <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                            <li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">Select Month<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">January<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">February<span class="fa fa-check check-mark"></span></a></li>
                        </ul>
                    </div>
                    <select data-show-subtext="true" id="input_month" name="design_month_launch" class="bs-select form-control" placeholder="" value="" required="" tabindex="-98">
                        <option value="" data-content="Select Month"></option>
                        <option value="1" data-content="January"></option>
                        <option value="2" data-content="February"></option>
                    </select>
                </div>
            </div>
        </div>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                $(".bs-select").selectpicker({
                    iconBase: "fa",
                    tickIcon: "fa-check"
                })
            });
        </script>
        <div style="" class="col-md-6 col-lg-6">
            <div class="form-group">
                <label class="">YEAR OF LAUNCH</label>
                <div class="btn-group bootstrap-select bs-select form-control">
                    <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="input_year" title="Select Year"><span class="filter-option pull-left">Select Year</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                    </button>
                    <div class="dropdown-menu open" role="combobox">
                        <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                            <li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">Select Year<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">2000<span class="fa fa-check check-mark"></span></a></li>
                            <li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">2001<span class="fa fa-check check-mark"></span></a></li>
                        </ul>
                    </div>
                    <select data-show-subtext="true" id="input_year" name="design_year_launch" class="bs-select form-control" placeholder="" value="" required="" tabindex="-98">
                        <option value="" data-content="Select Year"></option>
                        <option value="2000" data-content="2000"></option>
                        <option value="2001" data-content="2001"></option>
                    </select>
                </div>
            </div>
        </div>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                $(".bs-select").selectpicker({
                    iconBase: "fa",
                    tickIcon: "fa-check"
                })
            });
        </script>
    </div>
</div>