2014-05-20 3 views
0

J'essaie de construire mon design d'une page, mais chaque fois que j'essaie de changer la couleur d'un div il résulte juste une petite boîte.Modèle Bootstrap, couleur de fond css ne couvrant pas div

HTML:

<div class="sec1 clearfix"> 
    <div class="row"> 
     <h2 class="push_3">About Us</h2> 
     <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
     <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> 
    </div> 
</div> 

CSS:

.sec1 { 
    height: 200px; 
    background-color: red; 
    width: 100%; 
    background-repeat: repeat; 
    display: block; 
} 

Toutes les im obtenir http://imgur.com/BADowGl

+0

Votre code son ok. Avez-vous des erreurs dans la console à propos du fichier css inclus? –

+0

Votre code fonctionne dans JSFiddle –

+0

c'est parce que vous avez défini une hauteur - essayez d'utiliser min-height à la place – Pete

Répondre

0
.sec1 { 
height: 200px; 
background-color: red; 
width: auto; 
background-repeat: repeat; 
position:absolute; 
} 
.sec1 .row{ 
    postion:relative; 
    border:1px solid red; 
    color:green; 
}