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.
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!