html - 如何在Bootstrap 3输入组中使按钮全宽？

我正在尝试使用input-group显示数量“数量”的输入。标签和“添加到购物篮”按钮-全部内联。 input-group变为预期的全角。

如何以固定宽度（40像素）进行输入并使按钮全角显示？默认行为是输入的全角（不是按钮）。在我的情况下，这是没有用的，因为我希望输入尽可能小的数量和尽可能大的按钮。

<div class="input-group">
  <input type="text" class="form-control" aria-label="Amount (rounded to the nearest dollar)" style="width: 40px; float: right;">
  <span class="input-group-addon">Qty.</span>
  <span class="input-group-btn">
    <button aria-label="Add" name="inWarenkorb" type="submit" value="Add" class="submit btn btn-primary" style="width:100%">
      <span>Add to basket</span>
    </button>
    </span>
</div>

JSFIDDLE：
https://jsfiddle.net/d53g68hw/

最佳答案

您可以使用如下所示的块级按钮

<button type="button" class="btn btn-primary btn-lg btn-block"> button</button>

关于html - 如何在Bootstrap 3输入组中使按钮全宽？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58085819/