Bootstrap 4 引导显示为一列而不是两列

标题几乎说明了一切。我希望看到两个专栏，但这并没有发生。非常感谢您的帮助。代码可在此处找到：

我做了很多谷歌搜索，并测试了我能找到的每一个解决方案

我剪切了列表中的一些项目以节省空间，但是您可以在codepen链接中看到完整的代码

<div>
  <div id="question" class="col-6">
    <h2>Question 1:</h2>
    <p>Here's a question with choices</p>
    <ul class="list-group">
      <label for="0">
        <li class="list-group-item">
          <input id="0" type="radio" name="answer" value="0">Choice 1
        </li>
      </label>
    </ul>
  </div>
  <div class="col-3 infobox">
    <h4>This should be on the next column</h4>
  </div>
</div>

问题1：
这是一个有选择的问题



选择1


这应该在下一列中

---

没有错误消息。底部的

应该显示在第二列中。

您需要从

中删除

style=“display:block；”“

。

行

类在bootstrap 4中具有

flex

属性，允许在列中显示具有

col-

类的子类，因此您的代码应该如下所示

...
...