HTML引導列/網格圖像故障

Question

所以，我試圖讓一個Bootstrap網格獲得2個圖像並排爲我需要FreeCodeCamp.com的這個項目，圖像是相同的大小，但我不能讓代碼工作，因爲它們會出現一個更小，更大，或者只是沒有正確填充行。我得到的是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

下載圖像並自己託管它們。您正在爲已呈現的圖像添加響應式類。