J'ai un problème avec mon style.CSS J'essaie de créer une boîte blanche Soyez masquer le texte, mais cela ne met pas à jour, aucune aide serait utile.
p>
<div class="advantages"><!-- advantages Begin --> <div class="container"><!-- container Begin --> <div class="same-height-row"><!-- same-height-row Begin --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-heart"></i> </div><!-- icon Finished --> <h3><a href="#">We Love Our Products</a></h3> <p>We know to provide the best posible product ever</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-tag"></i> </div><!-- icon Finished --> <h3><a href="#">Best Prices</a></h3> <p>Compare us with another site, who have the best prices.</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-thumbs-up"></i> </div><!-- icon Finished --> <h3><a href="#">100% Original Products</a></h3> <p>We just offer you the best and original products.</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> </div><!-- same-height-row Finished --> </div><!-- container Finished --> </div><!-- advantages Finished -->
3 Réponses :
Avantages est une classe pour que nous utilisions "." pour la classe et '#' pour id,
donc remplacer avec p>
Merci, j'ai commis une erreur avec mes avantages que j'ai mis la classe au lieu d'identité, je l'ai changé à ID et à tout ce qui fonctionne, merci pour l'aide.
Votez ma réponse si cela vous a aidé ... Passez un bon moment !!
<div class="advantages"><!-- advantages Begin --> <div class="container"><!-- container Begin --> <div class="same-height-row"><!-- same-height-row Begin --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-heart"></i> </div><!-- icon Finished --> <h3><a href="#">We Love Our Products</a></h3> <p>We know to provide the best posible product ever</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-tag"></i> </div><!-- icon Finished --> <h3><a href="#">Best Prices</a></h3> <p>Compare us with another site, who have the best prices.</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> <div class="col-sm-4"><!-- col-sm-4 Begin --> <div class="box same-height"><!-- box same-height Begin --> <div class="icon"><!-- icon Begin --> <i class="fa fa-thumbs-up"></i> </div><!-- icon Finished --> <h3><a href="#">100% Original Products</a></h3> <p>We just offer you the best and original products.</p> </div><!-- box same-height Finished --> </div><!-- col-sm-4 Finished --> </div><!-- same-height-row Finished --> </div><!-- container Finished --> </div><!-- advantages Finished -->
Pouvez-vous ajouter une brève description à votre réponse?
essayer en suivant CSS ....
.advantages{ text-align: center; } .advantages .box { background: #ffffff; margin: 0 0 30px; border: solid 1px #e6e6e6; box-sizing: border-box; padding: 20px; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); }