A quoi sert le bootstrap ?

Bootstrap est une boîte à outils open source lancée par Twitter pour le développement front-end. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML.

est un framework de création de pages Web (actuellement le framework frontal WEB le plus populaire), ce qui signifie qu'il vous suffit d'écrire des balises HTML et d'appeler ses classes et vous pouvez rapidement créer une page Web haut de gamme. Vous n'avez pas à vous inquiéter des problèmes de compatibilité, de nombreux styles vous sont proposés !

Par exemple, vous devez créer une navigation sur un site Web, n'est-ce pas ? Si vous l'écrivez vous-même, vous devez écrire beaucoup de code, mais si vous utilisez le framework bootstrap pour l'écrire, il vous suffit d'écrire la balise HTML et appelez le nom de la classe !

À quoi sert bootstrap ?

Fonction :

Utiliser les styles et les composants qu'il fournit pour écrire rapidement des sites Web

Il vous suffit de référencer certaines classes définies, c'est-à-dire des noms de classes, pour créer des pages Web avec de très beaux styles. Il prend également en charge l'auto-adaptation et constitue un très bon framework.

Pour faire simple :

est un projet open source (basé sur Jquery) permettant de créer rapidement une première page de site Web. Il vous suffit de comprendre la signification des classes pertinentes, des noms de balises, etc., puis lors de la construction de la page, d'importer le JS, le CSS, etc. de bootstrap, et il affichera les effets correspondants :

Par exemple, Description HTML : Abréviation ; le contenu complet sera affiché lorsque la souris passe sur les abréviations et les abréviations. Bootstrap implémente des styles améliorés pour les éléments HTML. L'élément abréviation a un attribut title et apparaît sous la forme d'un léger cadre en pointillés lorsque la souris est déplacée dessus, il se transforme en un pointeur avec un "point d'interrogation".

Lorsque vous avez besoin d'un certain mot ou d'une phrase dans un paragraphe pour avoir l'effet ci-dessus, vous pouvez simplement l'écrire dans ce format. Le class="initialism" supplémentaire réduira la taille de la police. devoir. D'un autre côté : si vous n'essayez pas le bootstrap ou d'autres frameworks similaires, vous devez alors écrire de tels effets vous-même, ce qui prend beaucoup de temps à développer. Un autre exemple est easyui de Jquery, qui est similaire.

Une brève introduction au package de fichiers bootstrap

Nom du fichier :

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

Explication :

bootstrap.css est une feuille de style bootstrap complète. Elle n'est pas compressée et peut être utilisée pour le débogage pendant le développement

bootstrap.min.css est une feuille de style bootstrap compressée. . Mais les espaces inutiles et d'autres éléments au milieu ont été supprimés, donc la taille du fichier sera plus petite que bootstrap.css et pourra être référencée lors du déploiement du site Web. Si ce fichier est référencé, il n'est pas nécessaire de référencer bootstrap.css <.>

bootstrap-responsive.css Il s'agit de la feuille de style CSS requise après l'application d'une mise en page réactive au framework bootstrap. Si votre projet de site Web n'est pas préparé pour une conception réactive, vous n'avez pas besoin de référencer ce CSS.

bootstrap-responsive.min.css a la même fonction que bootstrap.min.css, c'est une version compressée de bootstrap-responsive.css

bootstrap.js C'est l'âme de bootstrap . Il s'agit d'une collection de toutes les instructions js dans bootstrap. Vous pouvez voir que tous les effets js dans bootstrap sont contrôlés par ce fichier. Ce fichier est également une version non compressée pour le débogage pendant le développement

bootstrap.min.js. une version compressée de bootstrap.js. Le contenu est le même que celui de bootstrap.js, mais la taille du fichier sera beaucoup plus petite. Lors du déploiement du site Web, vous pouvez faire référence à ce fichier au lieu de bootstrap.js~~

Recommandations associées : "

Tutoriel bootstrap

"

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!