水平放置在列表旁边的图像

Question

有人可以告诉我我做错了吗？

<div class="row">
      <ul class='list-group .col-md-6'> <li>1</li><li>1</li><li>1</li>  </ul>
      <div>
        <img class=".col-md-6" src="https://farm8.staticflickr.com/7613/16147502573_613d5f6b23.jpg" />
      </div>
</div>

假设列表元素是占位符。 我想要做的是在窗口的左半部分有一个列表，在窗口的右半部分有一个图像（最好与列表垂直居中，如果你们中的任何人知道如何做到这一点） 我认为使用bootstrap网格系统可以工作，但我是bootstrap的新手，并没有导致并排描述，但图像显示在列表下。是的，我已经导入并获取了引导程序。不，删除图像周围的div并没有什么不同。

此外，如果bootstrap不是最好的方法，我可以接受简单的CSS答案。

Answer 1

将float:left应用于ul，将float:right应用于img。