引导多个输入两行答案

【问题标题】：Bootstrap multiple inputs two lines引导多个输入两行
【发布时间】：2021-09-27 10:34:45
【问题描述】：

如何创建一个多输入，左侧有复选框，两行各有一个。

这是我正在使用的代码：

<div class="container-fluid">
<div class="col-md-3">
    <div class="input-group">
        <div class="input-group-prepend">
            <div class="input-group-text">
                <input type="checkbox" id="idays">
            </div>
            <input type="text" class="form-control" id="days1" disabled="" maxlength="10">
            <input type="text" class="form-control" id="days2" disabled="" maxlength="10">
        </div>

    </div>
</div>

我想要类似的东西：

two inputs

【问题讨论】：

Bootstrap flex 很容易做到这一点：getbootstrap.com/docs/5.0/utilities/flex

标签： html jquery css twitter-bootstrap bootstrap-4

【解决方案1】：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
  <div class="row">
    <div class="col-1 d-flex align-items-center justify-content-center">
      <input type="checkbox">
    </div>
    <div class="col-11 pl-0">
      <div class"row">
        <div class="col-12">Option 1</div>
        <div class="col-12">Option 2</div>
      </div>
    </div>
  </div>
</div>

【讨论】：