Quelle est la différence entre bootstrap4 et bootstrap3

青灯夜游
Libérer: 2019-06-18 11:03:27
original
13450 Les gens l'ont consulté

Bootstrap est un framework de développement front-end simple, intuitif et puissant basé sur HTML, CSS et JavaScript, rendant le développement Web plus rapide. L'article suivant vous présentera la différence entre bootstrap4 et bootstrap3. J'espère qu'il vous sera utile.

Quelle est la différence entre bootstrap4 et bootstrap3

La différence entre bootstrap4 et bootstrap3

Différents paramètres de priorité mobile

Bootstrap4 :

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Copier après la connexion

Bootstrap3 :

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Copier après la connexion

2. Le code source est écrit différemment

le code source de bootstrap4 est écrit en langage Sass Le code source de bootstrap3 est écrit en langage Less.

3. Différents systèmes de grille

Bootstrap 4 a un total de 5 types de grille, à savoir extra petite (col-), petite (col-sm-), Medium (col-md-), large (col-lg-), extra large (col-xl-)

bootstrap3 a 4 types de types raster, suivis de extra small (col-xs-), small ( col-sm-), moyen (col-md-), grand (col-lg-)

4. Différentes méthodes de mise en page

Bootstrap 4 utilise la boîte flexible model (flexbox), la colonne de décalage est définie via la classe offset, par exemple : .offset-md-4 déplace .col-md-4 de quatre colonnes vers la droite. ;Bootstrap3 utilise la méthode de disposition flottante et utilise pousser et tirer pour se déplacer à gauche et à droite.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal