1

我正在使用下面的代码，并试图确定是什么让 cols 相互堆叠。该代码在桌面视图中看起来不错，但是当我在移动设备上查看它时，最后两个 col-xs-12 堆叠在一起，彼此重叠。是否有中断代码使其在移动查看中的两个 col 之间硬返回？

<div class="panel panel-default">
    <div class="panel-body2">
        <div class="row vertical-align">
            <div class="col-xs-6 col-sm-3">
                <h5><small>Saturday<br>
                  </small>Feb. 13</h5>
            </div>
            <div class="col-xs-6 col-sm-3 text-right">
                <h5><small>TCU<br>
                  </small>Horned Frogs</h5>
            </div>
            <div class="hidden-xs col-sm-3 text-left">
                <img src="http://www.wvusports.com/content/images/graphics/logos/TCU.png" width="45">
            </div>
            <div class="col-xs-12 col-sm-3 text-center">
                <span class="label label-warning"><i class="fa fa-ticket"></i> ON SALE SOON</span>
                <div>
                    <img class="hidden-xs" style="padding-top:2px" src="http://www.wvusports.com/content/images/graphics/logos/Big12.png" width="25">
                </div>
            </div>
            <div class="col-xs-12">
            <div class="alert alert-success" role="alert">Family Day - $70</div>
            </div>
        </div>
    </div>
</div>
4

0 回答 0