jQuery Spinner没有按Bootstrap列调整大小

Question

我正在尝试使用Bootstrap网格系统调整jQuery微调器的大小，但它似乎忽略了我分配给它的类。

我认为这是由于jQuery UI围绕输入的span。跨度不采用输入类，因此自动调整大小。

如何让微调器使用正确的宽度，即我试图分配它的列的宽度。

JSFiddle：http://jsfiddle.net/mxHb3/

Answer 1

您可以在初始化后将类添加到微调器容器，如：

$('#input2').spinner({
    min: 1,
    create: function (event, ui) {
        $(this).closest(".ui-spinner").addClass('col-sm-2')
    }
});

演示：http://jsfiddle.net/IrvinDominin/5L3VA/