Maison > Article > interface Web > Qu'est-ce que Bootstrap et comment l'utiliser
Bootstrap est un framework de développement front-end gratuit et open source principalement utilisé pour créer des sites Web et des applications Web. Le framework Bootstrap est principalement construit sur trois langages : HTML, CSS et JavaScript. Il est utilisé pour promouvoir le développement de sites Web et d'applications réactifs et axés sur les mobiles. Dans l'article suivant, je vais vous présenter en détail ce qu'est Bootstrap. ainsi que son téléchargement et son utilisation
[Cours recommandés : Cours Bootstrap]
Signification du bootstrap :
La conception réactive permet à une page Web ou à une application de s'ajuster et de s'afficher automatiquement en fonction de la taille de l'écran de l'appareil utilisé par l'utilisateur. Une approche axée sur le mobile suppose que les smartphones, les tablettes et les applications mobiles spécifiques à des tâches doivent être conçus pour répondre aux exigences de ces technologies.
Bootstrap est un framework de développement front-end simple, intuitif et puissant développé par Mark Otto et Jacob Thornton, concepteurs de la société américaine Twitter, basé sur HTML, CSS et JavaScript, rendant le développement Web plus rapide. Il comprend des composants d'interface utilisateur, des outils de mise en page et JS, ainsi que des cadres de mise en œuvre.
Il fournit des spécifications HTML et CSS. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub. Le logiciel peut être précompilé ou utilisé comme code source.
Téléchargement et utilisation de Bootstrap
(1) Télécharger Bootstrap
Adresse de téléchargement : http://getbootstrap.com /
Cliquez pour télécharger. Une fois le téléchargement terminé, décompressez
Le fichier décompressé est le suivant :
(2) Fichier Bootstrap importé en externe
<!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!--引入jQuery--> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </head> <body> <h1>Hello, world!</h1> </body> </html>
Rendu lorsque bootstrap.min.css n'est pas introduit :
Rendu introduit de bootstrap.min.css :
Résumé : ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à tout le monde apprendre
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!