Looking for help with PSD to Bootstrap 4.5 conversion.
https://i.sstatic.net/TOXkK.png
I have a layout that needs to function like the accordion example at https://getbootstrap.com/docs/4.5/components/collapse/#multiple-targets.
Referencing this demo:
https://i.sstatic.net/nHlAx.png
Accordion functionality is key in this implementation. Need assistance converting from PSD to Bootstrap 4.5
<div class="container-fluid">
<b>Job request</b>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="change_jobs">Intend to select or change job</label>
<input type="checkbox" id="change_jobs" name="change_jobs" data-toggle="collapse" data-target="#change_jobs" role="button" aria-expanded="false" aria-controls="change_jobs">
<div class="collapse" id="change_jobs">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="job_group">Job Group</label>
<select id="job_group" name="job_group">
@foreach ($job_groups as $job_group)
<option value="{{ $job_group->id }}">{{ $job_group->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="how_cooperate">How to cooperate</label>
<select id="how_cooperate" name="how_cooperate">
@foreach ($how_cooperates as $how_cooperate)
<option value="{{ $how_cooperate->id }}">{{ $how_cooperate->name }}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Seeking guidance on troubleshooting the implementation.
Appreciate any input!