bootstrap est un framework. Bootstrap est un framework front-end pour le développement rapide d'applications Web et de sites Web. Il s'agit d'un framework développé sur la base de HTML, JavaScript et CSS. Il est principalement utilisé pour la structure et la mise en page de sites Web réactifs.
L'environnement d'exploitation de ce tutoriel : système Windows 7, bootsrap version 3.3.7, ordinateur DELL G3
Bootstrap est un framework front-end pour le développement rapide d'applications Web et de sites Web. Il est développé sur la base de HTML. , JavaScript et CSS. Un framework principalement utilisé pour la structure et la mise en page des sites Web réactifs.
L'émergence de Bootstrap vise principalement à simplifier le travail des web Workers, ce qui inclut également des ajustements dynamiques en JavaScript.
Avantages de Bootstrap
Mobile-first : depuis Bootstrap 3, le framework inclut des styles mobiles-first dans toute la bibliothèque.
Prise en charge des navigateurs : tous les principaux navigateurs prennent en charge Bootstrap.
Facile à démarrer : tant que vous avez des connaissances de base en HTML et CSS, vous pouvez commencer à apprendre Bootstrap.
Conception réactive : le CSS réactif de Bootstrap peut s'adapter aux ordinateurs de bureau, aux tablettes et aux téléphones mobiles.
Il offre aux développeurs une solution concise et unifiée pour créer des interfaces.
Il contient de puissants composants intégrés et est facile à personnaliser.
Il permet également une personnalisation basée sur le Web.
Il est open source.
Si vous avez besoin d'afficher le texte d'un site Web, c'est vrai, 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 ! Le code est affiché ci-dessous :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 强调</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内,并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> <p class="text-center">居中对齐文本</p> <p class="text-right">向右对齐文本</p> <p class="text-muted">本行内容是减弱的</p> <p class="text-primary">本行内容带有一个 primary class</p> <p class="text-success">本行内容带有一个 success class</p> <p class="text-info">本行内容带有一个 info class</p> <p class="text-warning">本行内容带有一个 warning class</p> <p class="text-danger">本行内容带有一个 danger class</p> </body> </html>
L'effet est le suivant :
On peut le voir :
Utilisez les styles et les composants qu'il fournit pour écrire rapidement des sites Web
Il vous suffit de référencer certains classes définies, c'est-à-dire le nom de la classe, vous pouvez créer une page Web qui a déjà un très beau style et qui prend en charge l'auto-adaptation, c'est donc un très bon framework.
En bref : 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. du bootstrap, et il affichera les effets correspondants.
Apprentissage recommandé : "Tutoriel d'utilisation du 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!