Bootstrap 4 ile yaptıgım tab menu var burada a href ile çalışıyor bunları radio butona cevirmek istiyorum.

<div class="row">

                            <label class="custom-control custom-radio">
                                <input id="radio1" name="radio" type="radio">
                                <span class="custom-control-indicator"></span>
                                <span class="custom-control-description">Kredi Kartı</span>
                            </label>
                            <label class="custom-control custom-radio">
                                <input id="radio2" name="radio" type="radio">
                                <span class="custom-control-indicator"></span>
                                <span class="custom-control-description">Havale</span>
                            </label>
                            <label class="custom-control custom-radio">
                                <input id="radio3" name="radio" type="radio">
                                <span class="custom-control-indicator"></span>
                                <span class="custom-control-description">Kapıda Öde</span>
                            </label>
                            <label class="custom-control custom-radio">
                                <input id="radio4" name="radio" type="radio">
                                <span class="custom-control-indicator"></span>
                                <span class="custom-control-description">Mail Order</span>
                            </label>
                        </div>

<div class="tab-content">
<div class="tab-pane" id="kredikarti"></div>
<div class="tab-pane" id="Havale"></div>
<div class="tab-pane" id="Kapıdaode"></div>
<div class="tab-pane" id="mailorder"></div>
</div>

Normalde çalışması:

                        <ul class="nav nav-tabs">
                            <li class="nav-item"><a href="#kredikarti" data-toggle="tab" class="nav-link">Kredi Kart</a></li>
                            <li class="nav-item"><a href="#paypal" data-toggle="tab" class="nav-link">Paypal</a></li>
                            <li class="nav-item"><a href="#oteldeode" data-toggle="tab" class="nav-link">Otelde Ödeme</a></li>
                            <li class="nav-item"><a href="#mailorder" data-toggle="tab" class="nav-link">Mail Order</a></li>
                            <li class="nav-item"><a href="#banka" data-toggle="tab" class="nav-link">Havale / EFT</a></li>
                        </ul>