如何在引导表单中并排放置两个输入组

<form>
  <div class="input-group">
    <label for="input1">输入组1：</label>
    <input type="text" id="input1" name="input1">
  </div>
  <div class="input-group">
    <label for="input2">输入组2：</label>
    <input type="text" id="input2" name="input2">
  </div>
  <button type="submit">提交</button>
</form>

<style>
  .input-group {
    display: inline-block;
    margin-bottom: 10px;
  }

  label {
    display: inline-block;
    width: 100px;
  }

  input[type="text"] {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
</style>