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 (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, miniatures, boîte de dialogue d'avertissement, barres de progression, dialogue multimédia, etc.
(2) Il est livré avec 13 plugins JQEY, qui donnent vie aux composants en bootstrap. Il s'agit notamment des boîtes de dialogue Mode, des onglets, des barres de défilement, des boîtes contextuelles, etc.
Bootstrap a été développé par les ingénieurs de Twitter pendant leur temps libre. Après avoir ouvert Source sur le site open source le plus grand et le plus populaire, GitHub, Xunsu est devenu le projet le plus fréquemment mis à jour sur le site Web. Un grand nombre d'ingénieurs ont activement apporté le code au projet, et un grand nombre de sites Web construits à l'aide de bootstrap ont émergé en peu de temps. Pourquoi la vitesse de développement de Bootstrap est-elle si incroyable? Cela est principalement dû aux excellentes caractéristiques de Bootstrap:
Les appareils mobiles sont préférés: mettre d'abord les fonctionnalités orientées mobiles
Prise en charge du navigateur: Tous les navigateurs grand public prennent en charge Bootstrap
Facile à commencer: Tant que vous avez les bases de HTML et CSS, vous pouvez commencer à apprendre Bootstrap
Conception réactive: le CSS réactif de Bootstrap est adaptable aux ordinateurs de bureau, tablettes et téléphones mobiles.
Il contient de puissants composants intégrés pour une personnalisation facile
Jetons un coup d'œil à la page la plus simple construite avec Bootstrap.
<! Doctype html> <html lang = "zh-cn"> <éad> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" contenu = "ie = edge"> <meta name = "Viewport" contenu = "width = device-width, imital-scale = 1"> <title> bootStRap 101 teamblat </ title> - <- / title> <" Bootstrap -> <link href = "css / bootstrap.min.css" rel = "Stylesheet"> <! - Html5 shim et répond.js ie8 Prise en charge des éléments html5 et des questions médiatiques -> <! - AVERTISSEMENT: Réponse.js ne fonctionne pas si vous visualisez la page via le fichier: // -> <! - src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </ script> <script src = "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> <! [endif] -> </ head> <body> <v> <div> <h1> ma première page bootstrap </h1> <p> Réinitialisez la taille de la fenêtre et voyez l'effet réponse! </p> </div> <div> <div> <h3> Colonne 1 </H3> <p> Ce que vous apprenez n'est pas seulement la technologie, mais aussi le rêve! </p> <p> Peu importe à quel point votre rêve est génial, il ne peut pas résister à votre persistance idiot! </p> </div> <div> <h3> Colonne 2 </H3> <p> Ce que vous apprenez n'est pas seulement la technologie, mais aussi le rêve! </p> <p> Peu importe à quel point votre rêve est génial, il ne peut pas résister à votre persistance idiot! </p> </div> <div> <h3> Colonne 3 </H3> <p> Ce que vous apprenez n'est pas seulement la technologie, mais aussi le rêve! </p> <p> Peu importe à quel point votre rêve est génial, il ne peut pas résister à votre persistance idiot! </p> </div> </div> </div> </ body> </html>
Ce qui précède est le premier article sur l'apprentissage de Bootstrap qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!