Vertical button alignment:

Using data attributes

Example with postfix (large)

With prefix

Init with empty value:

Value attribute is not set (applying settings.initval)

Value is set explicitly to 33 (skipping settings.initval)

Button group

Toggle Dropdown

• Action
• Another action
• Something else here
• Separated link

Markup

                                <input class="vertical-spin" type="text" value="" name="vertical-spin">
                            

JS

                                /**
                                 * Dependebt Files
                                 * jquery.bootstrap-touchspin.js
                                 * spinner.css
                                 *  */
                                if ($.fn.TouchSpin) {
                                    $(".vertical-spin").TouchSpin({
                                        verticalbuttons: true,
                                        verticalupclass: 'glyphicon glyphicon-plus',
                                        verticaldownclass: 'glyphicon glyphicon-minus'
                                    });
                                    var vspinTrue = $(".vertical-spin").TouchSpin({
                                        verticalbuttons: true
                                    });
                                    if (vspinTrue) {
                                        $('.vertical-spin').prev('.bootstrap-touchspin-prefix').remove();
                                    }

                                    $("input[name='demo1']").TouchSpin({
                                        min: 0,
                                        max: 100,
                                        step: 0.1,
                                        decimals: 2,
                                        boostat: 5,
                                        maxboostedstep: 10,
                                        postfix: '%'
                                    });
                                    $("input[name='demo2']").TouchSpin({
                                        min: -1000000000,
                                        max: 1000000000,
                                        stepinterval: 50,
                                        maxboostedstep: 10000000,
                                        prefix: '$'
                                    });
                                    $("input[name='demo3']").TouchSpin();
                                    $("input[name='demo3_21']").TouchSpin({
                                        initval: 40
                                    });
                                    $("input[name='demo3_22']").TouchSpin({
                                        initval: 40
                                    });

                                    $("input[name='demo5']").TouchSpin({
                                        prefix: "pre",
                                        postfix: "post"
                                    });
                                    $("input[name='demo0']").TouchSpin({});
                                }