Bootstrap：下拉选择FORM - 2列

Question

我有一个问题。我想在bootstrap中制作下拉列表选项列表，但是有2列。在这一刻，它看起来像这样：

Here is the photo

.form-select-vidconvert {
    border-radius: 18px;
}

<div class="row">
<div class="col-md-6 col-md-offset-3">
<select class="form-control form-select-vidconvert">
  
  <optgroup label="Category 1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </optgroup>

  <optgroup label="Category 2">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </optgroup>

</select>

</div>
      </div>

我花了2天的时间来搞清楚。在互联网上，我发现下拉菜单只有2列（从那里的方法不适用于选择列表表单）。我怎样才能做到这一点？