Pleine page de l'image d'arrière-plan à l'aide de Bulma.io?

Je suis en train de concevoir un site web à l'aide de la Bulma.io CSS bibliothèque

et ont réussi à faire une pleine page sur fond de couleur, mais souhaitez utiliser des images, je peux voir dans leur documentation que vous pouvez spécifier la taille en px de l'image, mais je voudrais que l'image soit fluide, redimensionner les utilisateurs du navigateur, quel est le meilleur moyen de faire cela avec causer des problèmes?

  • Utiliser background-image sur cet élément mis à background-size: cover;
  • Je suis assez nouveau à la conception web, que voulez-vous dire par là?
  • Le correctif a été d'utiliser une self de redimensionnement de l'image d'arrière-plan, une réponse à partir d'une autre question sur Stackoverflow
InformationsquelleAutor AlexDoe | 2016-09-10
  1. 8

    Lire ce http://bulma.io/documentation/layout/hero/ ou essayer personnalisé

    //In HTML Section you need to create a class name Ex. bg-imge
  <div class="bg-img">

  </div>

 //in custom CSS you need to add
   .bg-img { 
        background-image: url(demo.jpg) ;
        background-position: center center;
        background-repeat:  no-repeat;
        background-attachment: fixed;
        background-size:  cover;
        background-color: #999;

 }

//[.img-responsive is custom class in bootstrap] 
//You can use custom class like
.img-responsive {
      display: block; 
      max-width: 100%;
      height: auto;
   } 
//which you can put in your html Img part
<img class="img-responsive" src="demo.jpg"/>

//in bulma.io [i'm not sure] but For single image you can use this. 
//It will auto responsive.

  <div class="tile ">
   <figure class="image">
    <img src="demo.jpg">
   </figure>
  </div>

    lire http://bulma.io/documentation/elements/image/
    ici, vous trouverez de bulma.io img sensibles section

    InformationsquelleAutor Mostafa Baezid