Twitter bootstrap 引导：如何在宽屏幕上使用内嵌式收音机，在小屏幕上使用堆叠式收音机？

我有三个单选按钮。对于宽屏幕（例如：PC），我希望在一行中显示它们；对于小屏幕（例如：电话），我希望在堆栈中显示它们

我该怎么做？下面是我的代码，它在一行中显示收音机

    <div class="col-md-6">
        <div class="radio-list">
            <label class="radio-inline">
                <input type="radio" /> AAA
            </label>
            <label class="radio-inline">
                <input type="radio" /> BBB
            </label>
            <label class="radio-inline">
                <input type="radio" /> CCC
            </label>        
         </div>
     </div>

AAA
BBB
CCC

我会用

代码 例子

调整结果框的大小以查看效果

@media (max-width:768px) {
    .radio-inline {
        display: block;
        min-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
    }
}
@media (max-width:768px) {
    .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
        margin-top: auto;
        margin-left: auto;
    }
}