Bootstrap下拉列表-并排显示分组

Question

我有一个下拉列表作为此图像：
。

<select id="mySelect">
  <optgroup label="Group 1">
    <option value="1-1">Option 1.1</option>
    <option value="1-2" selected="selected">Option 1.2</option>
    <option value="1-3" selected="selected">Option 1.3</option>
  </optgroup>
  <optgroup label="Group 2">
    <option value="2-1">Option 2.1</option>
    <option value="2-2">Option 2.2</option>
    <option value="2-3">Option 2.3</option>
  </optgroup>
</select>

我尝试以这种方式并排显示组：

演示：http://jsfiddle.net/n5zf0u8j

我通常专注于CSS，例如，“ display：inline-block; in optGroups”。但没有结果：（