search

alsacreations / KNACSS

feuille de styles CSS sur-vitaminée
http://www.knacss.com
Do What The F*ck You Want To Public License
554 stars 116 forks source link

Exemple de la documentation #340

Closed Meithal closed 3 years ago

Meithal commented 3 years ago

J'ai voulu essayer knacss et mettre en place un jumbotron, voilà le resultat

Capture d’écran 2021-11-26 213745

Comparé à bootstrap où la classe container et jumbotron fonctionnent sans surprise, ici le resultat est surprenant.

raphaelgoetter commented 3 years ago

Hello,

Merci pour ce retour.

En fait je ne connaissais pas le Jumbotron de Bootstrap, donc tu m'as permis de le découvrir, merci :)

Les classes layout-maxed et layout-hero fonctionnent de la même manière que dans Bootstrap dans la mesure où elles ne peuvent pas à la fois être un conteneur et un contenu.

Dans ton exemple, ton paragraphe est à la fois conteneur (layout-hero) et contenu ("Salut à tous"). Pour que ton exemple fonctionne il faudrait séparer les deux : 

< div class="layout-hero">
  <p class="text-center">Salut à tous</p>
</div>

C'est aussi de cette manière que fonctionne le Jumbotron de Bootstrap et c'est ce qui est présenté dans l'exemple en ligne proposé dans la documentation de KNACSS : https://codepen.io/raphaelgoetter/pen/RwrEKZr?editors=1100

Bon week-end !

Meithal commented 3 years ago

Ah merci ca marche parfaitement, méprise de ma part !

raphaelgoetter commented 3 years ago

Ah bah nickel alors ! :)

raphaelgoetter commented 2 years ago

Hello, j'ai mis la documentation à jour pour être plus clair concernant ces classes de Layout : https://www.knacss.com/doc.html#layout ;)