Twitter bootstrap 自举手风琴不是'；t使用-xs-列大小

我在本地的引导网站上创建了一个手风琴。我已经在collapse a href中创建了三列，其中包含col-md-5、col-md-3和col-md-2类。在这一点上，链接仍然点击，手风琴功能齐全，只是在手机上看起来很糟糕。因此，我将类col-xs-5、col-xs-3和col-xs-2添加到以前的类中，现在每当新类设置手风琴的样式时，链接都不会单击。我甚至尝试删除-md-class，但我认为这与-xs-class有关。有人知道手风琴不支持xs类吗

以下是我的标记：

<div class="panel-heading">
    <div class="row">
        <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                <div class="col-xs-5 col-md-5">Introduction to the Linux Academy</div>
                <div class="col-xs-3 col-md-3 difficulty">Beginner</div>
                <div class="col-xs-2 col-md-2 time">01:00:36</div>
                <div class="col-md-2">
                   <a href="course-sub.php">
                      <button type="button" class="btn btn-default">Course Details!</button>
                   </a>
                </div>
            </a>
       </h4>
    </div>
</div>

---

谢谢

我怀疑这是因为您的

由于子元素被浮动而没有宽度或高度。试着把

class='clearfix'

放在你的

上，看看这是否能解决问题。

你说的有点难理解，但我怀疑这是因为你的

由于子元素被浮动而没有宽度或高度。试着把

class='clearfix'

放在你的

上，看看这是否能修复它。是的，@joshhunt是正确的。您需要清除浮动，以便可以单击toggle@joshhunt，效果很好！谢谢你的帮助！不用担心，很高兴我能帮忙。我把我的评论作为回答，这样你就可以把这个问题标记为已回答。