Boostrap 3 Html Css

Question

ben

görüntüyü izledi gibi göstermek gerekir ben ön yükleme alanı 3

kullanıyorum küçük sorun yaşıyorum - kullanıcı adı ----------- ------------------------------- location

Tam ekranda tam ekran arasında 3 inç boşluk var. görüntü ve kullanıcı adı, kullanıcı adlarını aşağı indirdiğinizde ilk harf, div alanlarında hala oda olduğunda, 1000 piksel civarında resmin üzerine gider. Görüntüyü hala şanssız bir blok olarak göstermeyi denedim. Resim ve kullanıcı adının yaklaşık 15 piksel olmasını istiyorum. aradan ayrılıncaya kadar.

İkinci sayım Araştırmam var ama Firefox'ta arka plan görüntüsü kırılma noktasında değiştiğinde beyaz yanıp sönüyor, ancak bunu kaşif veya kromda yapmıyor.

html

<div id="profile-hero-background" class="profile-hero-background"> 
<div class="container-fluid"> 
    <div class="row"> 
      <div class="col-md-12">  
      <div class="row"> 
       <div class="col-md-2"> 
        <img class="img-insignia" src="content/media/insignia/r1.png"> 
       </div> 
       <div class="col-md-5"> 
             <p>Moderator</p> 
        <h1>Jeff</h1> 
       </div> 
       <div class="col-md-5"> 
             <p>Location</p> 
        <h1>United States</h1> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 
</div> 

css

#profile-hero-background { 
    background-color: #000; 
    height: 500px; 
} 
.profile-hero-background { 
    background-image:url(../images/hero-bg1.jpg); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: cover; 
} 


.img-insignia { 
    display: block; 
    height: 150px; 
    width: auto; 
} 


@media (max-width: 992px) { 



    .profile-hero-background { 
    background-image:url(../images/hero-bg2.jpg); 
    background-color: #000; 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: cover; 

} 
} 

Answer 1

değiştirmeyi deneyin

<div class="container"> 

ve eksik bir son eksik

</div>