Maison >interface Web >Tutoriel d'amorçage >qu'est-ce que le bootstrap moins

qu'est-ce que le bootstrap moins

藏色散人
藏色散人original
2020-11-09 09:28:312540parcourir

bootstrap less est un préprocesseur CSS qui rend le CSS dynamique ; le fichier bootstrap.less importe d'autres fichiers less. Il n'y a pas de code dans ce fichier, et le fichier Forms.less contient le formulaire, la zone de saisie. style de frappe, etc.

qu'est-ce que le bootstrap moins

L'environnement d'exploitation de ce tutoriel : système Windows10, bootstrap3.0 Cet article est applicable à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel bootstrap"

Bootstrap LESS

Less est un préprocesseur CSS qui rend le sexe CSS dynamique.

Bootstrap, quant à lui, est une boîte à outils pour le développement rapide d'applications Web et de sites.

Dans ce tutoriel, nous discuterons de l'utilisation de Bootstrap avec moins de CSS. De cette façon, vous pouvez utiliser les variables Less, les mixins et l'imbrication de Bootstrap en CSS.

Obtenez Bootstrap et moins de CSS

Site officiel de Bootstrap : http://getbootstrap.com/

Site officiel moins : http://lesscss .org /

Que contient-il ?

Téléchargez Bootstrap et décompressez le fichier. Le composant Less de Bootstrap se trouve dans le répertoire 'lib'. Depuis Bootstrap v1.4.0, il y a neuf fichiers de moins. Jetons un coup d'œil à ce que contient chacun de ces neuf fichiers.

bootstrap.less

Il s'agit du fichier Less principal. Ce fichier importe d'autres fichiers moins. Il n'y a aucun code dans ce fichier.

forms.less

Ce fichier Less contient la disposition du formulaire et les styles de type de zone de saisie.

mixins.less

Ce fichier Less rend le code CSS réutilisable.

patterns.less

Ce fichier Less contient du code CSS pour les éléments répétés de l'interface utilisateur qui ne seront pas remplacés par les styles de base situés dans le fichier Less d'échafaudage.

reset.less

Ce fichier Less contient une réinitialisation CSS. Il s'agit d'une mise à jour de CSS Reset d'Eric Meyer. La réinitialisation de certains éléments HTML tels que dfn, samp, etc. est exemptée.

scaffolding.less

Ce fichier Less enregistre les styles de base nécessaires pour créer des systèmes de grille, des mises en page structurées et des modèles de page.

tables.less

Ce fichier Less contient des styles pour créer des tableaux.

type.less

Vous pouvez trouver des styles liés à la typographie sous ce fichier Less. Les styles des titres, paragraphes, listes, codes, etc. se trouvent dans ce fichier.

variables.less

Ce fichier Less contient des variables pour personnaliser l'apparence de Bootstrap.

Comment l'utiliser

Si vous souhaitez l'utiliser, veuillez inclure le code suivant dans votre page HTML :

<link rel="stylesheet/less" href="lib/bootstrap.less" media="all" />
<script src="js/less-1.1.5.min.js"></script>

Veuillez noter que less-1.1.5.min. js n'est pas dans le dossier js, vous devez le télécharger et le placer dans le dossier spécifié.

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