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

下载图像并自己托管它们。您正在为已呈现的图像添加响应式类。