Question

我在bootstrap的帮助下开发了一个网页，我有旋转木马区域，这个旋转木马工作得很好但是每当我将隐藏的xs类添加到我的旋转木马区域滑块就消失了。但旋转木马区域的高度保护自己我的意思是如果我的旋转木马区域500px高度滑块隐藏在移动滑块中消失但500px空间不会消失？

下面的my-codes;

Array.prototype.mapIndividual = function (callback) {
    setTimeout(function () {
        for (var i = 0; i < this.length; i++) {
            callback.call(this, i, this[i].time);
        }
    }.bind(this), 0);
};

obj.mapIndividual(function(index, time){
    console.log(index + ' ' + time);
});

你可以帮助我吗？

Answer 1

我看了一下网站链接：your website。在移动设备上测试过。 div实际上是隐藏的，空间是由于主标题对齐，我建议您使用媒体查询在移动设备上垂直对齐：

@media (max-width: 767px) {
    /*insert some styling here. you know how it is done :)*/
}

对于div中文本的垂直对齐，您可以参考此Vertical align text in div - stackoverflow。解释和答案都很不错。

Bootstrap宽度定义如下：

超小型设备＆lt; 768px
小型设备＆gt; = 768px
中型设备＆gt; = 992px
大型设备：＆gt; = 1200px

Bootstrap轮播空间问题

1 个答案: