HTMLブートストラップカラム/グリッド画像グリッチ

Question

私はFreeCodeCamp.comに必要なこのプロジェクトのために2つの画像を並べるためにブートストラップグリッドを取得しようとしていますが、画像は同じサイズですが、コードが正しく動作するようにしてください。小さい方と大きい方のどちらかで表示されます。私が得ているのはhttp://codepen.io/KlausMana/pen/vKZwpWで、画像はちょうど不自然なようです。編集：いくつかのコードはStackOverflow上に表示されないので、残りの部分をここに引用します： "
"私は何らかの理由でそれをまだ見ることができません。あなたがこの記事を編集し、それを表示させることができれば、これは、起こっている、私は

...それは私だけです願うコード：

<style> 

.main-text{ 
color:#655370; 
font-family:"Gothic"; 
font-size:60px; 
background-color:#38486B; 
} 
body{ 
background-color:#5988FF; 
} 
.secondary-text{ 
color:#3F393E; 
    font-family:"Gothic"; 
font-size:30px; 
background-color:#7BA0FC 
} 
</style> 
<center><h1 class="main-text">Steve Jobs, in Loving Memory</h1></center> 
<i><center><h2 class="secondary-text">In tribute to a great man, a man we     all loved...</h2></center></i> 
<div class="container-fluid"> 
<div class="row"> 
<div class="col-xs-6"> 
<img src="http://unisci24.com/data_images/wlls/47/334765-steve-jobs.jpg"  alt="Steve Jobs 1" class="img-responsive"> 

Answer 1

イメージをダウンロードし、自分でホストします。すでにレンダリングされている画像にレスポンシブ・クラスを追加しています。