Bootstrap按钮/无线电响应问题

Question

我有一个引导按钮风格的无线电输入的奇怪问题。

基本上一切都在屏幕全尺寸时工作，但是如果我缩小它以匹配任何其他媒体查询，我列表中的按钮就会停止工作（仍然显示但无法点击）。

按钮的代码如下：

<div class="row">
<p class="lead text-center" id="viewText">View by...</p>
<div class="col-md-4 col-md-offset-1">
<h3 class="text-center">Region</h3>
<div class="btn-group center-block" id="grpReg" data-toggle="buttons">
<label class="btn btn-default btn-md btn-block text-center">
<input type="radio" name="optReg" value="AP" autocomplete="off"> Asia Pacific
</label>
<label class="btn btn-default btn-md btn-block">
<input type="radio" name="optReg" value="EU" autocomplete="off"> European Union
</label>
<label class="btn btn-default btn-md btn-block">
<input type="radio" name="optReg" value="US" autocomplete="off"> United States
</label>
</div>
</div>
**other code**
</div>