Html 如何使btn grp垂直，以便在无线电输入中包含下拉选项

我试图为用户提供一组多选按钮：五个选项，加上一个“其他”下拉列表，其中包含30多个选项。我想返回同一表单元素的选择值。目前，按钮显示正确，但从下拉列表中选择与从前五个选项中选择并不相互排斥

<input type="radio" id="Image1_${Cat1}" name="Image1_Category" value="${Cat1}">
                        ${Cat1}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat2}" name="Image1_Category" value="${Cat2}">
                        ${Cat2}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat3}" name="Image1_Category" value="${Cat3}">
                        ${Cat3}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat4}" name="Image1_Category" value="${Cat4}">
                        ${Cat4}
                </label>
                <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat5}" name="Image1_Category" value="${Cat5}">
                        ${Cat5}
                </label>
                    <select class="btn btn-secondary form-control"><label>Other</label>
                        <option>Other</option>
                        <option>Option1</option>
                        <option>Option2</option>
                    </select>

                </div>
            </div>

${Cat1}
${Cat2}
${Cat3}
${Cat4}
${Cat5}
其他
其他
选择1
选择2

Hmm..可能不是最好的UI…可能类似于启用下拉列表的“其他”单选按钮。没有办法使用这些按钮吗？我目前有一个单选菜单和下拉功能，但出于用户界面的原因，我强烈希望按钮能够正常工作。嗯……可能不是最好的用户界面……可能是类似于“其他”单选按钮的功能，可以启用下拉列表。没有办法使用按钮吗？我有一个单选菜单和下拉功能目前正在工作，但由于用户界面的原因，我强烈希望让按钮工作。