A quoi sert le bootstrap ?

Bootstrap est une boîte à outils open source lancée par Twitter pour le développement front-end. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML.

Il s'agit d'un framework pour créer des pages Web (actuellement le framework frontal WEB le plus populaire), ce qui signifie qu'il vous suffit d'écrire des balises HTML et d'appeler ses classes et vous pouvez rapidement créer un site Web haut de gamme Vous n'avez pas à vous inquiéter des problèmes de compatibilité, de nombreux styles vous sont proposés !
Par exemple, vous devez créer une navigation sur un site Web, n'est-ce pas ? 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 !

Si vous souhaitez en savoir plus sur Bootstrap, vous pouvez cliquer sur : Tutoriel Bootstrap

Fonction :

Utilisez les styles et les composants qu'il fournit pour écrire rapidement des sites Web

Il vous suffit de référencer certaines classes définies, c'est-à-dire les noms de classes, et vous pouvez créer des pages Web qui ont déjà de très beaux styles . et prend en charge l'auto-adaptation, ce qui est un très bon cadre.

Pour faire simple : il s'agit d'un projet open source (basé sur Jquery) permettant de construire rapidement la page front-end d'un site Web. 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. de bootstrap, et il affichera les effets correspondants :
Par exemple, une description HTML : abréviation ; Le contenu complet sera affiché lorsque la souris passera sur les abréviations et les abréviations Bootstrap implémente des styles améliorés pour les éléments HTML. L'élément abréviation a un attribut title et apparaît sous la forme d'un léger cadre en pointillés lorsque la souris est déplacée dessus, il se transforme en un pointeur avec un "point d'interrogation". Lorsque vous avez besoin qu'un certain mot ou une certaine phrase dans le texte du paragraphe ait l'effet ci-dessus, vous pouvez simplement l'écrire dans ce format. Le class="initialism" supplémentaire réduit la taille de la police, ou ce n'est pas nécessaire. D'un autre côté : si vous n'essayez pas le bootstrap ou d'autres frameworks similaires, vous devez alors écrire de tels effets vous-même, ce qui prend beaucoup de temps à développer. Un autre exemple est easyui de Jquery, qui est similaire.

Une brève introduction au package de fichiers bootstrap

Nom du fichier :

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

Explication :

bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用
bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了
bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表，如果你的网站项目不准备做响应式设计，就不需要引用这个CSS。
bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的，是bootstrap-responsive.css的压缩版
bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap里面所有的js效果，都是由这个文件控制的，这个文件也是一个未经压缩的版本，供开发的时候进行调试用
bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js一样的，但是文件大小会小很多，在部署网站的时候就可以不引用bootstrap.js，而换成引用这个文件了~~

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!