


Partage de matériel vidéo d'introduction au bootstrap de la Wheat Academy
Bootstrap est actuellement le framework front-end le plus populaire publié par Twitter. Bootstrap est basé sur HTML, CSS et JAVASCRIPT. Il est simple et flexible. Il encapsule complètement et parfaitement les mises en page CSS courantes, les composants couramment utilisés et les plug-ins JavaScript, permettant aux ingénieurs front-end et aux ingénieurs de développement back-end inexpérimentés de travailler rapidement. maîtriser et utiliser. Cela améliore considérablement l'efficacité du développement et standardise également dans une certaine mesure l'écriture de CSS et de JavaScript par l'équipe front-end. Bref, apprendre Bootstrap permet de développer facilement des projets WEB responsive. Le "Tutoriel vidéo d'introduction au bootstrap de la Wheat Academy" vous aidera à démarrer facilement avec le bootstrap.
Adresse de lecture vidéo : http://www.php.cn/course/324.html
Page d'accueil> > Texte
Partage de matériel vidéo bootstrap de Li Yanhui
Auteur : par défaut| Étiquette : partage de matériel vidéo bootstrap|2017-8-30 16:12
Bootstrap, de Twitter , est actuellement un framework front-end très populaire. Bootstrap est basé sur HTML, CSS et JAVASCRIPT. Il est simple et flexible, ce qui accélère le développement Web. Il a été développé conjointement par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA. Certains frameworks familiers aux développeurs mobiles nationaux, tels que le framework open source frontal WeX5, sont également optimisés en termes de performances sur la base du code source Bootstrap
Adresse de lecture vidéo : http://www.php.cn /course/387.html
Remarque lors de l'apprentissage :
*Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA. *
Bootstrap est développé sur la base du framework jQuery. Il est plus personnalisé et convivial basé sur le framework jQuery, formant son propre style de site Web unique et est compatible avec la plupart des plug-ins jQuery.
Le code source de Bootstrap est écrit en utilisant moins de
Les effets js de Bootstrap sont tous basés sur jquery, donc généralement le code jquery doit être introduit en premier
Utilisez :
Introduire le fichier bootstrap.min.css
Cas simple 1 :
--Voir quel effet cela aura
table-striped peut définir l'arrière-plan des impairs- lignes numérotées en gris.
table-bordered permet d'afficher les bordures.
le survol de la table peut rendre gris l'arrière-plan de la ligne survolée par la souris.
le survol de la table peut réduire l'espacement des lignes.
<table class="table"> <tr> <td class="active">姓名</td> <td class="success">年龄</td> 成功或积极动作 <td class="warning">职业</td> 注意 </tr> <tr> <td class="danger">张三</td> 危险 <td>18</td> <td>程序员</td> </tr> </table>
Nouveaux effets spéciaux de la table réactive Bootstrap 3.0
--Cela apparaîtra automatiquement horizontalement lorsqu'il est affiché sur un petit écran Le défilement le bar et le grand écran disparaissent automatiquement
Style d'enseignement du professeur :
Les cours du professeur sont vifs, pleins d'esprit, pleins d'esprit et touchants. Une métaphore vivante est comme la touche finale, ouvrant la porte à la sagesse aux étudiants ; un humour bien placé apporte un sourire entendu aux étudiants, comme boire un verre de vin moelleux, donnant aux gens un arrière-goût et une nostalgie des aphorismes d'un philosophe, des références culturelles ; sont intercalés de temps en temps dans la narration, donnant aux gens réflexion et vigilance.
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Utilisez Bootstrap pour implémenter Centering vertical: Flexbox Méthode: Utilisez les classes D-Flex, Justify-Content-Center et Align-Items-Center pour placer des éléments dans le conteneur Flexbox. Méthode de classe Align-Items-Center: Pour les navigateurs qui ne prennent pas en charge FlexBox, utilisez la classe Align-Items-Center, à condition que l'élément parent ait une hauteur définie.

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-

Comment utiliser Bootstrap pour obtenir la valeur de la barre de recherche: détermine l'ID ou le nom de la barre de recherche. Utilisez JavaScript pour obtenir des éléments DOM. Obtient la valeur de l'élément. Effectuer les actions requises.

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Pour vérifier les dates dans Bootstrap, suivez ces étapes: introduisez les scripts et styles requis; initialiser le composant de sélecteur de date; Définissez l'attribut Data-BV-Date pour activer la vérification; Configurer les règles de vérification (telles que les formats de date, les messages d'erreur, etc.); Intégrez le cadre de vérification de bootstrap et vérifiez automatiquement l'entrée de date lorsque le formulaire est soumis.

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Réponse: Vous pouvez utiliser le composant de sélecteur de date de bootstrap pour afficher les dates dans la page. Étapes: Présentez le framework bootstrap. Créez une boîte d'entrée de sélecteur de date dans HTML. Bootstrap ajoutera automatiquement des styles au sélecteur. Utilisez JavaScript pour obtenir la date sélectionnée.
