Maison  >  Article  >  interface Web  >  Qu'est-ce que Bootstrap et comment l'utiliser

Qu'est-ce que Bootstrap et comment l'utiliser

清浅
清浅original
2018-12-08 15:45:025467parcourir

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]

Qu'est-ce que Bootstrap et comment l'utiliser

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 /

Qu'est-ce que Bootstrap et comment l'utiliser

Cliquez pour télécharger. Une fois le téléchargement terminé, décompressez

Le fichier décompressé est le suivant :

Quest-ce que Bootstrap et comment lutiliser

(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 :

Qu'est-ce que Bootstrap et comment l'utiliser

Rendu introduit de bootstrap.min.css :

Quest-ce que Bootstrap et comment lutiliser

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!

Déclaration:
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