Bootstrap 3中的垂直对齐标签与单选输入

Question

如何使用 Bootstrap 3 将标签文本与输入单选垂直对齐？ 在这里，我必须手动指定边距顶部。

<style type="text/css">
div.radio label input[type=radio]
{
    width: 30px;
    height: 30px;
}

div.radio label span
{
    display: inline-block;
    height: 30px;        
    margin-top: 10px;
    margin-left:25px;
    font-weight: bold;
}

label input[type=radio]
{
    transform: scale(1.5);
}    
</style>

<div class="radio">
    <label>
        <input type="radio" name="radio-opt">
        <span>Yes</span>
    </label>
</div>

<br/>

<div class="radio">
    <label>
        <input type="radio" name="radio-opt">
        <span style="margin-top:0px;">No, Longer Text<br/>Longer Text</span>
    </label>
</div>