中心计数器 Bootstrap 模态

Question

我有一个带有增加减少按钮的计数器。它在模型内容中，但我不能将它放在模态的中间。你能帮帮我吗？

https://i.stack.imgur.com/gkoMZ.png

    <div class="input-group" style="width:25%;">
        <span class="input-group-btn">
            <span class="btn btn-white btn-minuse" type="button">-</span>
        </span>
        <input type="text" class="form-control text-center height-25" value=0 >
        <span class="input-group-btn">
            <span class="btn btn-red btn-pluss" type="button">+</span>
        </span>
    </div>

Answer 1

要使其居中，您应该使用 margin: 0 auto。这将解决您的问题

<div class="input-group" style="width:25%; margin: 0 auto;">
  <span class="input-group-btn">
            <span class="btn btn-white btn-minuse" type="button">-</span>
  </span>
  <input type="text" class="form-control text-center height-25" value=0>
  <span class="input-group-btn">
            <span class="btn btn-red btn-pluss" type="button">+</span>
  </span>
</div>

此外，避免使用内联 CSS 样式。如果这没有帮助，请告诉我。

中心计数器 Bootstrap 模态

Center Counter Bootstrap Modal

html

css

counter