Qu'est-ce que Bootstrap et comment l'utiliser-js tutoriel-php.cn

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

清浅

Libérer： 2018-12-11 09:21:56

original

5494 Les gens l'ont consulté

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>

Copier après la connexion

Rendu lorsque bootstrap.min.css n'est pas introduit :

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