مشکل z-index در bootstrap-select

کدهای مرتبط رو به همراه عکس از خروجی قرار بدین و نشون بدین که چی مدنظرتونه تا بشه راه حلی پیدا کرد.

@milad

<div class="row">
                    <div class="col-sm-12 jumbotron"> درمان بیماری ها</div>
                    <div class="col-sm-12">
                        <form action="{{route('medical.disease')}}" method="get">
                            @csrf
                            <label for="disease"><b>بیماری ها</b></label>
                            <select  class="form-control selectpicker" name="disease" id="disease" data-live-search="true">
                                @foreach($diseases as $item)
                                    <option value="{{ $item->name }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                            <div class="row">
                                <div class="col-sm-3">
                                    <button id="btn-assistant-menu" class="btn btn-general btn-info ">برو</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

مشکل اینجاست که بعضی از محتوای دراپ داون زیر فوتر میره .

به content اصلیتون height:100% بدید احتمالا درست بشه
راجبه z-index هم اگر اون المنت position نداشته باشه ، ‌نمیتونید اعمال کنید .

از روی کدها نتونستم متوجه چیزی بشم.
میتونید position: relative رو به خود فرم نسبت بدین و بعدش مقدار z-index رو تغییر بدین.