2016-07-19 19 views
0

Also, ich versuche, ein Bootstrap-Raster zu bekommen, um 2 Bilder nebeneinander für dieses Projekt zu bekommen, das ich für FreeCodeCamp.com brauche, die Bilder haben die gleiche Größe, aber ich kann nicht Lassen Sie den Code arbeiten, da er kleiner und größer erscheint oder die Zeile nicht richtig füllt. Was ich bekomme ist http://codepen.io/KlausMana/pen/vKZwpW, und die Bilder scheinen nur fehl am Platz. EDIT: Einige Code wird nicht auf StackOverflow angezeigt, so dass ich den Rest in Anführungszeichen setzen Sie hier: " " Ich kann es noch nicht aus irgendeinem Grund sehen ... Ich weiß nicht warum dies geschieht, wenn Sie diesen Beitrag bearbeiten und sie sichtbar machen, ich hoffe, es ist nur mir ...HTML Bootstrap Spalte/Raster Image Glitch

Code:

<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"> 


Antwort

0

Laden Sie die Bilder herunter und hosten Sie sie selbst. Sie fügen Bildern, die bereits gerendert wurden, eine Responsive-Klasse hinzu.