softcore hardcore

Bootstrap

Expliqué par un dev, pour des devs

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

Quelques infos tiré d'internet.

Bootstrap

Concrètement

Il va fonctionner avec un CSS + un JS utilisant Jquery

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".

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.

                
                Modal Bootstrap
            
            

                

                    

                        

                            ×
                            
Titre du modal
                        
                        

                            
Contenu du modal
                        
                        

                            Close
                            Submit
                        
                    
                
            

            

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

De nombreuses choses sont à disposition, il faut aller fouiller et tester pour commencer à utiliser tout le potentiel de bootstrap.

j'aime aussi beaucoup utiliser ds cheat sheet tel que : index3, cheatV4.

Bon courage.