HTML Bootstrap列/网格图像毛刺

时间:2016-07-19 14:57:57

标签: html twitter-bootstrap

所以,我试图获得一个Bootstrap网格来为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">

                         
    

1 个答案:

答案 0 :(得分:0)

下载图片并自行托管。您正在为已经渲染的图像添加响应类。