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

이미지를 다운로드하고 직접 호스팅하십시오. 이미 렌더링 된 이미지에 반응 형 클래스를 추가하고 있습니다.