Javascript 如何停止引导div/缩略图根据屏幕进行调整

Javascript 如何停止引导div/缩略图根据屏幕进行调整,javascript,html,css,twitter-bootstrap,carousel,Javascript,Html,Css,Twitter Bootstrap,Carousel,我正在创建一个类似缩略图的滑块。为了实现这一点,我想阻止引导缩略图(div)在显示大小减小时被安排为堆栈。JSFIDDLE:- 缩略标签 缩略标签 缩略标签 如果我理解正确,请将列定义更改为: col-xs-4 col-sm-4 col-md-4 引导首先是移动的,因此如果找不到较大的变体,则使用较小的列大小。要使其在所有屏幕尺寸下都表现相同,只需定义最小的 如果您将其设置为以最小的大小显示为三列,那么它应该可以实现以下功能:例如 <div class="row">

我正在创建一个类似缩略图的滑块。为了实现这一点,我想阻止引导缩略图(div)在显示大小减小时被安排为堆栈。JSFIDDLE:-


缩略标签

缩略标签

缩略标签


如果我理解正确,请将列定义更改为:

col-xs-4 col-sm-4 col-md-4

引导首先是移动的,因此如果找不到较大的变体,则使用较小的列大小。要使其在所有屏幕尺寸下都表现相同,只需定义最小的

如果您将其设置为以最小的大小显示为三列,那么它应该可以实现以下功能:例如

<div class="row">
        <div class="col-xs-4">
        </div>
        <div class="col-xs-4">
        </div>
        <div class="col-xs-4">
        </div>
    </div>


我想这就是你的目标。

谢谢。这阻止了缩略图相互叠加,但我只想在minwidth=992px时显示前面的两个div;当最小宽度=768px;时,只有一个div;。这阻止了缩略图相互叠加,但我只想在minwidth=992px时显示前面的两个div;当最小宽度=768px时,只有一个div。有什么建议吗?