2017-06-27 3 views
0
<div id="content"> 
    <div class="container"> 
     <div class="row"> 
      <div class="columns"> 
       <div class="col-lg-6"> 
        <div class="col-lg-6"> 
         <div id="view-hole"></div> 
         <div class="col-lg-12"> 
          <p>here is sometext</p> 
         </div> 
        </div> 
       </div> 
       <div class="col-lg-6"> 
        <div id="mebg" data-stellar-background-ratio="0.5"> 
        <script>$('body').stellar();</script> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

et voici cssfonds div ne fonctionne pas correctement avec bootstrap

#mebg{ 
    height:400px; 
    background-image: url("http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg"); 
    background-repeat: no-repeat; 
    background-position: top left; 
    background-size: cover; 

} 

Voici mon résultat http://imgur.com/a/jgdY5 ou codepen https://codepen.io/mikelennon92/project/editor/ArNdjw/

si je fais l'arrière-plan une couleur à plat, par exemple fond : rouge;

Il s'étend sur les 6 colonnes et fonctionne normalement.

+0

Pouvez-vous confirmer que MEBG {} est utilisé comme ID dans votre CSS? – dutchsociety

+0

Je peux, je viens de retirer l'étiquette