我正在使用 bootstrap4 开发网站

Question

FORM

我正在创建这样的表单，但我不知道如何将所有单选按钮连续放置。有人可以帮我解决这个问题。

客人人数 1

                       <input type="radio" name="opt2" class="form-control" id="opt2">
                      <label for="opt1">2</label>

                      <input type="radio" name="opt3" class="form-control" id="opt3">
                      <label for="opt3">3</label>
                      <input type="radio" name="opt4" class="form-control" id="opt4">
                      <label for="opt4">4</label>
                      <input type="radio" name="opt5" class="form-control" id="opt5">
                      <label for="opt5">5</label>

                       </div>


              </div> 
            </form>

这是我的单选按钮代码。当我运行此代码时，所有按钮都垂直放置。

请不要报告这个问题。我是这个平台上的菜鸟，所以我不知道它是如何工作的。 提前谢谢你。

Answer 1

使用此代码：

<div>
  <div class="row">
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio4" checked>
      <label for="radio4">Opzione 1</label>
    </div>
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio5">
      <label for="radio5">Opzione 2</label>
    </div>
  </div>
</div>

什么变化？如果你使用 form-check-inline 类输入单选将显示在一行中。