softcore hardcore

Bootstrap

Expliqué par un con, pour des cons

- Bootstrap tu dis ? Un piège à bottes ? Ton site est stupide ..


Bonjour à tous, effectivement, mon site est stupide, mais pour ceux que ça interesse vraiment :

Bootsrap est un framework qui a pour but le développement responsive.

Alors je vous vois venir avec vos questions inutiles, réglons les tout de suite.

- Par qui ?

Twitter

- Oui mais par qui ?

Mark Otto et Jacob Thornton

- Oui mais par qui MAINTENANT ?

GitHub, c'est devenu public depuis aout 2011

- Créé quand ?

Milieu 2010

- Pourquoi "bootstrap" ?

Vient du terme "bootstrapé" ou "assemblage d'élément distincts"

- Et c'est tout de suite sorti en V3 ?

Ecoute non .. et on va arréter la !

Je n'est evidement pas été interviewer twitter pour ces informations, j'ai sâlement tout pompé sur internet, et pour être totalement honnête je ne le savais pas avance ce tuto car le sujet c'est

Bootstrap

Concrètement

Il va fonctionner avec un CSS + un JS utilisant Jquery (google est votre ami pour Jquery, là j'ai autre chose à foutre ).

Et voici l'information la plus importante :

Bootstrap fonctionne essentiellement avec des classes.

                
                    

Ce texte est centré grâce à bootstrap.

Comme je viens de vous le montrer, la class "text-center" de bootstrap à pour attribut css "text-align: center".

Alors on arrète de chouiner "bootstrap c'est trop duuuuure" ou "le responsive je comprend paaaaas".

On Ferme sa gueule, et on se lance.

                
                    
col1
col2
col3
col4

Exemple de design responsive, 4 images, sur un écran de plus de 1200px elles sont l'une à coté des autres.

Sur un écran entre 1200px et 900px c'est 2 par 2 et sur un écran inférieur à 900px on est sur les images une par une.

                
            

            

Voila, trois petites exemples, on voit bien que les classes précises de bootstrap mettent tout en place.


Sur ce, j'en est marre