html - 图像水平放置在列表旁边

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 的新手，它不会导致并排描述，但图像出现在列表下方。是的，我已经导入并获取了 Bootstrap 。不，删除图像周围的 div 并没有什么不同。

此外，如果 bootstrap 不是执行此操作的最佳方式，我可以接受纯 CSS 答案。

Answer 1

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