我有一个控制面板，上面有 6 个滑块（由 bootstrap-slider 实现），但是这 6 个滑块似乎与不同的窗口大小对齐方式不同：有时是 4+2，有时是 2+2+2。我不知道什么是好看的控制面板，但我认为我的并不优雅。我不希望他们像这样“随机”漂移，我该怎么办？

HTML：

CSS：

JS：

编辑

在我使用 komal 的方法后，我还有其他问题，如图所示。我不知道为什么这不能在更新的jsfiddle中重现，但这确实是一个问题。此外，我还想固定类中文本的位置sliderVal，即它们出现在滑块出现的同一行，而不是在窗口缩小时显示在另一行，像这样。

我在一个页面上使用带有两个滑块的引导滑块。我的问题是，如果我在仍然拖动鼠标的同时将鼠标拖离手柄，则会选择页面中的文本。

该问题也出现在演示页面上（仅限 Firefox）。

问题可以在下图中看到：

我尝试了这个解决方案，但没有奏效。

更新：它只发生在 Firefox 中，而不是 Chrome。

我在引导滑块中遇到问题，如何选择元素和标签之间的距离？这是我的代码。谢谢。

我有一个带有刻度和刻度标签的引导滑块，在这里我需要在单击特定标签时更改刻度标签的颜色。

下面的 plunker 链接显示了我尝试过的代码：

http://embed.plnkr.co/patfGe/

我正在使用bootstrap-slider.js. 我的问题是我无法将输入数字与幻灯片链接。如果输入数字改变，我也想滑动改变。

滑块

我如何尝试更新滑块：

如果有人好奇，这里还有这个滑块的文档，我在那里找不到解决方案：http://www.eyecon.ro/bootstrap-slider

JsFiddle：https ://jsfiddle.net/y95vfds3/6/

我正在使用引导滑块，我正在做：

启动它$("#days").slider({});

那行得通，但是如果我想创建一个几个月的滑块，使用字符串而不是数字怎么办？

启动它$("#months").slider({});

这给出了：

错误：传入的输入值“[January, February, March]”无效

jsFiddle在这里

我有 3 个滑块范围：

我正在运行以下js：

基本上，当我们移动 a 时slider，控制台输出当前value的电流value，输出为：

这很好，但是如果我移动第二个滑块是因为我想做一个范围，那么第二个值不会显示，而它应该是：

但是每个值或两者都应该只在我们实际移动每个值时出现slider

这是一个jsFiddle，检查控制台

注意，我实际上需要这种格式的值，因为它们将被视为某些元素的类：

例子

我尝试使用引导滑块实现重播功能。这些值代表时间。它工作得很好。

我需要一个悬停工具提示。当您移动滑块手柄时，工具提示会显示给定位置的值。但是，当您在单击滑块之前将鼠标悬停时，没有新值的反馈。

有没有办法将事件附加到悬停并取回值？

单击时，我必须为标签元素应用颜色，并为 Angular Bootstrap 滑块应用默认值。

html:

JS：

我有两个字段start_time，end_time我想在提交表单时更新。我希望它与滑块一起使用，所以基本上设置最小句柄start_time和最大句柄将设置end_time

我有slider_input.rb来自https://github.com/glyph-fr/simple_form_extension

在我看来，_form.html.slim它看起来像这样

现在，在我提交表单后，该值没有保存到数据库中。此外，有没有办法将start_time和连接end_time到一个输入字段以使用范围滑块？

谢谢