リストの横にある画像の場所

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> 

リスト要素はプレースホルダです。 私がしたいのは、ウィンドウの左半分にリストがあり、ウィンドウの右半分にイメージがあります（リストの中で縦に並べることをお勧めします）。 私はブートストラップ・グリッド・システムを使っても動作すると思っていましたが、私はブートストラップ時には初心者ですが、それはサイド・バイ・サイドの描写ではありませんが、イメージはリストの下に表示されます。そしてはい、私はすでにブートストラップをインポートして取り出しました。そして、いいえ、画像の周りのdivを削除しても違いはありません。

また、ブートストラップがこれを実行する最良の方法でない場合、私は平易なCSS回答を受け入れても大丈夫です。

Answer 1

をulに、float:rightをimgに適用する。