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实现了点击效果。