Kendo UI 输入组插件

Question

我怎样才能正确使用输入组插件使用剑道 UI bootstrap-4。这是 HTML：

   <div class="form-group">
       <label for="amount">Amount</label>
           <div class="input-group">
               <div class="input-group-addon">$</div>
               <input id="numeric" class="form-control" type="number"
                 value="17" min="0" max="100" step="1" />
           </div>
   </div>

结果是：

Answer 1

Bootstrap class names 是不是有点过分了？

这应该工作：

<div class="form-group">
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">$</span>
    </div>
    <input id="currency" type="number" title="currency" value="17" min="0" max="100" step="1"/>
  </div>
</div>
<script>
  $(document).ready(function() {
    $("#currency").kendoNumericTextBox({
      decimals: 2
    });
  });
</script>

Example

另请记住，从 2021 年第 3 版开始，Kendo Bootstrap 主题基于 Bootstrap v5，因此如果您使用较新的版本，则可能是问题的原因。