css - Bootstrap 4 复选框和下拉内联

Question

我正在使用 bootstrap 4，我需要在 div 内联中添加一个复选框和一个下拉菜单。首先是复选框，然后是下拉菜单。

这是我需要的图像示例：

示例图片：

我如何在 Bootstrap 4 中做到这一点？

标签： csstwitter-bootstrapbootstrap-4

Answer 1

不需要引导类

.input-wrapper {
  display: flex;
}

label {
  margin-right: 10px;
}

<div class="input-wrapper">
  <input type="checkbox" name="checkbox" id="checkbox">
  <label for="checkbox">Default workflow</label>
  <select name="select" id="select">
    <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>

  </select>
</div>