用boostrap中的图像拼出空格并替换单选按钮

Question

我想用一组单选按钮做两件事。

<div id="timeSpanForm">
    <input type="radio" id="timeSpan" name="timeSpan" value="0">0-2år
    <input type="radio" id="timeSpan" name="timeSpan" value="2">2-10 år
    <input type="radio" id="timeSpan" name="timeSpan" value="10">10+ år                    
</div>

1. 我想用选中时显示另一张图像的图像替换单选按钮圈。
2. 我想要均匀地分隔单选按钮。

所以我的问题是如何在一般情况下如何做到这一点，但是如果有一种特殊的boostrap方式可以做到这一点，因为我必须在没有太多经验的情况下在bootstrap中工作。我试过谷歌搜索但没有发现任何具体的东西。也许我只是没有得到正确的搜索条件。

我正在使用bootstrap。