Bootstrap是一款非常流行的前端框架，它內置了許多常用的組件，包括radio按鈕。而jQuery則是一種用于JavaScript的庫，它可以方便地操作DOM、處理事件等。結合起來，我們可以更加便捷地自定義radio按鈕的樣式。

首先，在HTML中插入一個radio按鈕：

<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option 1
</label>
</div>

接著，在樣式表中加入以下代碼：

.radio input[type="radio"] {
display: none;
}
.radio label:before {
content: "";
display: inline-block;
position: relative;
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
.radio input[type="radio"]:checked + label:before {
content: "\f00c";
color: #337ab7;
}

這段代碼的作用是將radio按鈕隱藏，然后利用:before偽類來模擬出一個圓形的圖標。當按鈕選中時，通過:checked偽類來修改圖標的樣式。

最后，在JavaScript中加入以下代碼：

$(function() {
$(".radio label").click(function() {
$(this).addClass("active").siblings().removeClass("active");
});
});

這段代碼的作用是為radio按鈕添加點擊事件，當選中某個按鈕時，將它的label元素添加.active類，并移除其他元素的.active類。

通過這些步驟，我們就成功地自定義了radio按鈕的樣式，并使用jQuery實現了點擊效果。