Bootstrap est un cadre frontal très populaire. Autrement dit, il s'agit d'un ensemble d'outils pour HTML, CSS et JavaScript. Nous pouvons utiliser Bootstrap pour créer une interface de site Web ou de logiciel simple et frais. Avec Bootstrap, les développeurs back-end n'ont plus à se soucier de la construction de l'interface frontale.
Bootstrap est une boîte à outils open source pour le développement frontal lancé par Twitter, un cadre CSS / HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, qui sont rédigées dans la langue CSS dynamique moins. Il s'agit d'un projet open source populaire sur GitHub.
Il est développé sur la base du framework JQuery et est plus humanisé et personnalisé en fonction du framework JQuery, formant un ensemble de son propre style de site Web unique et est compatible avec la plupart des plug-ins jQuery.
Bootstrap (1) contient une multitude de composants Web, basés sur ces composants, vous pouvez rapidement créer un site Web magnifique et entièrement fonctionnel. Il comprend les composants suivants: menu déroulant, groupe de bouton, menu déroulant de bouton, navigation, barre de navigation, chapelure, pagination, composition, vignettes, boîte de dialogue d'avertissement, barres de progression, dialogue médiatique, etc. (2) Il est livré avec 13 plugins JQEY, qui donnent vie aux composants dans Bootstrap. Il s'agit notamment des boîtes de dialogue Mode, des onglets, des barres de défilement, des boîtes contextuelles, etc.
La description de Bootstrap sur le site Web chinois est:
Amorce
Un cadre de développement frontal simple, intuitif et puissant rend le développement Web plus rapide et plus simple.
Télécharger: http://v3.bootcss.com/
Après le téléchargement, vous pouvez voir les répertoires et fichiers suivants, qui sont placés dans différents répertoires en fonction de la catégorie. Et deux versions sont disponibles: compressé et non compressé.
Après avoir téléchargé le package compressé, décompressez-le dans n'importe quel répertoire et vous verrez la structure du répertoire suivant:
Il s'agit de l'organisation bootstrap la plus basique: les fichiers non compressés peuvent être utilisés directement dans n'importe quel projet Web. Nous fournissons des fichiers compressés (bootstrap.min. *) Et non compressés (bootstrap. *) CSS et JS. Le fichier d'icône de police provient des glyphicons.
Modèle de base
Utilisez ce modèle HTML super simple ci-dessous, ou modifiez ces cas. Il est recommandé de modifier ces cas en fonction de vos propres besoins, plutôt que de simplement les copier ou les coller.
Copiez et collez le code HTML ci-dessous, c'est la page bootstrap la plus simple.
<! Doctype html> <html> <éad- head> <itle> bootstrap 101 modèle </tapt> <meta name = "Viewport" contenu = "width = device-width, initial-scale = 1.0"> <! - bootstrap -> <link rel = "Stylesheet" href = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <! lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"> </ script> <script src = "http://cdn.bootcss.com/ / script >/1.3.0/respond.min. <! [endif] -> </ head> <body> <h1> Bonjour, monde! </h1> <! - jQuery (nécessaire pour les plugins javascript de bootstrap) -> <script src = "http://cdn.bootcss.comb/jquery/1.10.2/jquery.min.js"> </dcript> <! au besoin -> <script src = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"> </ script> </ body> </html>
Ce qui précède est les connaissances pertinentes sur les notes d'apprentissage bootstrap qui vous sont présentées par l'éditeur. J'espère que cela vous sera utile!