文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用Bootstrap制作带值的Slider？

问如何使用Bootstrap制作带值的Slider？
EN

Stack Overflow用户

提问于 2015-10-29 22:50:43

回答 1查看 2.1K关注 0票数 0

如何使用Bootstrap制作带值的Slider？或者在最坏的情况下使用jQuery，但最可取的是Twitter Bootstrap。

特别地，我想要像这样的slider，但是在引导上

<div id="slider"></div>
$("#slider").slider({
    change: function() {
        var value = $("#slider").slider("option","value");
        $("#slider").find(".ui-slider-handle").text(value);
    },
    slide: function() {
        var value = $("#slider").slider("option","value");
        $("#slider").find(".ui-slider-handle").text(value);
    }
});

jquery

twitter-bootstrap

slider

回答 1

Stack Overflow用户

发布于 2015-10-29 23:00:57

正如bootstrap官方网站所引用的：

Bootstrap是最流行的HTML、CSS和JS框架，用于在web上开发响应式、移动优先的项目。

Bootstrap是用于响应式网页设计的，这意味着你可以创建一个移动友好的响应式布局。为了更好地理解，请参考以下内容:What is Bootstrap?

现在，要真正实现所需的功能，您可以使用jquery。遵循这个，你可能会找到你想要的东西：http://www.jqueryrain.com/demo/jquery-range-slider/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33417506

复制

相似问题

问如何使用Bootstrap制作带值的Slider？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Bootstrap制作带值的Slider？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Bootstrap制作带值的Slider？
EN