Cours Bootstrap

Bootstrap all class name [Eng]


Télécharger Bootstrap all class name [Eng]

★★★★★★★★★★3.5 étoiles sur 5 basé sur 1 votes.
Votez ce document:

Télécharger aussi :


bootstrap all class name [Eng]

...

Le plugin affixe bascule la position: fixed; allumer et éteindre, imitant l'effet trouvé avec position: collant ;. La sous-navigation à droite est une démonstration en direct du plugin affix. Affixe

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. La classe .alert ajoute le remplissage et la marge. Les alertes

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. La classe .alert ajoute le remplissage et la marge. Les valeurs par défaut sont la couleur de fond rouge. Les alertes

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. Cette classe et un élément enfant avec une classe .close permettent à l'utilisateur de fermer l'alerte. Les alertes

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. La classe .alert ajoute le remplissage et la marge. Les valeurs par défaut sont la couleur d'arrière-plan bleue. Les alertes

Lorsque vous ajoutez des liens dans alert, cette classe correspond à la couleur de la police à la classe d'alerte parent. Les alertes

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. La classe .alert ajoute le remplissage et la marge. Les valeurs par défaut sont la couleur d'arrière-plan verte. Les alertes

Semblable à un puits, il s’agit d’une boîte avec une bordure et un rembourrage. La classe .alert ajoute le remplissage et la marge. Les valeurs par défaut sont la couleur de fond jaune. Les alertes

Classe contextuelle de tables pour changer la couleur de la ligne

option popover - .arrow deviendra la flèche de la popover. Popover

Aligne les termes et les définitions avec une liste de gouttières centrale

Utilisé pour afficher des messages nouveaux ou non lus ou des éléments tels que l'icône rouge iOS montrant les nouveaux messages ou e-mails. Insignes

...

.bg-danger

 Semblable aux classes de couleur de texte contextuel, définissez facilement l'arrière-plan d'un élément sur n'importe quelle classe contextuelle. Les composants d'ancrage s'assombriront au survol, tout comme les classes de texte. Classes d'assistance

.bg-info

 Semblable aux classes de couleur de texte contextuel, définissez facilement l'arrière-plan d'un élément sur n'importe quelle classe contextuelle. Les composants d'ancrage s'assombriront au survol, tout comme les classes de texte. Classes d'assistance

.bg-primaire

 Semblable aux classes de couleur de texte contextuel, définissez facilement l'arrière-plan d'un élément sur n'importe quelle classe contextuelle. Les composants d'ancrage s'assombriront au survol, tout comme les classes de texte. Classes d'assistance

.bg-succès

 Semblable aux classes de couleur de texte contextuel, définissez facilement l'arrière-plan d'un élément sur n'importe quelle classe contextuelle. Les composants d'ancrage s'assombriront au survol, tout comme les classes de texte. Classes d'assistance

.bg-warning

 Semblable aux classes de couleur de texte contextuel, définissez facilement l'arrière-plan d'un élément sur n'importe quelle classe contextuelle. Les composants d'ancrage s'assombriront au survol, tout comme les classes de texte. Classes d'assistance

.miette de pain

 Indique l'emplacement de la page en cours dans une hiérarchie de navigation. Chapelure

.btn

Cette classe définit l’espacement et la taille du bouton. Boutons

.btn-block

 Par défaut, les boutons sont en ligne, cette classe le bloque pour qu'il couvre toute la largeur de son parent. Boutons

.btn-danger

 Par défaut, un bouton de fond rouge

.btn-default

 La valeur par défaut est un bouton avec un fond blanc avec une bordure sombre. Boutons

.btn-group

 Smushes plusieurs boutons ensemble pour faire une forme de pilule. Chaque bouton est séparé par une ligne verticale. Groupes de boutons

.btn-groupe-justifié

 Faites un groupe de boutons s’étirer de tailles égales pour couvrir toute la largeur de son parent. Fonctionne également avec les menus déroulants dans le groupe de boutons. Groupes de boutons

.btn-group-vertical

 Faire un ensemble de boutons apparaissent empilés verticalement plutôt qu'horizontalement. Groupes de boutons

.btn-info

 Bouton pour des informations sur un sujet tel que les termes et conditions. La couleur par défaut est bleu clair. Boutons

.btn-link

 Conserve l'espacement défini avec la classe .btn mais supprime la bordure extérieure. Boutons

.btn-lg

 Envie de boutons plus grands ou plus petits? Ajoutez .btn-lg, .btn-sm ou .btn-xs pour des tailles supplémentaires. Boutons



.btn-primaire

 Utiliser pour l'action principale dans un ensemble. Boutons

.btn-sm

 Envie de boutons plus grands ou plus petits? Ajoutez .btn-lg, .btn-sm ou .btn-xs pour des tailles supplémentaires. Boutons

.btn-success

 La valeur par défaut est un bouton d’arrière-plan vert avec une bordure sombre. Boutons

.btn-toolbar

 Utilisé pour créer une rangée de boutons Rangée similaire de groupes de boutons

.btn-warning

 La valeur par défaut est un bouton d’arrière-plan jaune avec une bordure sombre. Boutons

.btn-xs

 Envie de boutons plus grands ou plus petits? Ajoutez .btn-lg, .btn-sm ou .btn-xs pour des tailles supplémentaires. Boutons

.légende

 légende des vignettes mais peut être utilisé ailleurs

.caret

 Utilisé dans les menus déroulants pour afficher les états ouvert et fermé.

.carrousel

 classe de carrousel des parents qui en fait une position relative au carrousel

.carousel-caption

 Légende pour chaque élément de la diapositive Carrousel

.carousel-control

 Ajouté à chaque ancre suivante et précédente Carousel

.carousel-indicateurs

 parent classé ajouté à une liste ordonnée pour les petits cercles indiquant quelle diapositive vous êtes sur le carrousel

.carousel-inner

 L'emballage div qui contient les éléments de glissière du carrousel

.center-block

 ajoute de la largeur et de la hauteur pour centrer un élément de niveau bloc

.checkbox

 Formulaire de case à cocher - Les cases à cocher permettent de sélectionner une ou plusieurs options dans une liste, tandis que les radios permettent de sélectionner une option parmi plusieurs. Formes

.checkbox-inline

 Les cases à cocher permettent de sélectionner une ou plusieurs options dans une liste, tandis que les radios permettent de sélectionner une option parmi plusieurs. Formes

.légende

 légende des vignettes mais peut être utilisé ailleurs

.caret

 Utilisé dans les menus déroulants pour afficher les états ouvert et fermé.

.carrousel

 classe de carrousel des parents qui en fait une position relative au carrousel

.carousel-caption

 Légende pour chaque élément de la diapositive Carrousel

.carousel-control

 Ajouté à chaque ancre suivante et précédente Carousel

.carousel-indicateurs

 parent classé ajouté à une liste ordonnée pour les petits cercles indiquant quelle diapositive vous êtes sur le carrousel

.carousel-inner

 L'emballage div qui contient les éléments de glissière du carrousel

.center-block

 ajoute de la largeur et de la hauteur pour centrer un élément de niveau bloc

.checkbox

 Formulaire de case à cocher - Les cases à cocher permettent de sélectionner une ou plusieurs options dans une liste, tandis que les radios permettent de sélectionner une option parmi plusieurs. Formes

.checkbox-inline

 Les cases à cocher permettent de sélectionner une ou plusieurs options dans une liste, tandis que les radios permettent de sélectionner une option parmi plusieurs. Formes

.divider

 Utilisé pour séparer les liens dans les menus déroulants a Dropdowns

.menu déroulant

 Cette classe vous permet d’ajouter une liste déroulante à la barre de navigation, aux onglets et aux pilules afin d’afficher une liste déroulante de navigation supplémentaire. Des listes déroulantes

.dropdown-backdrop

 Sur les appareils mobiles, l'ouverture d'un menu déroulant ajoute un fond .dropdown en tant que zone de prise pour la fermeture des menus déroulants lorsque vous appuyez en dehors du menu, ce qui est essentiel pour une prise en charge iOS appropriée. Cela signifie que passer d'un menu déroulant ouvert à un autre menu déroulant nécessite un robinet supplémentaire sur le mobile. Menu déroulant

.dropdown-header

 Utilisé pour ajouter des en-têtes dans le menu déroulant

.menu déroulant

 Ajoute les styles par défaut pour le conteneur du menu déroulant Dropdown

.dropdown-toggle

 Cette classe est ajoutée au bouton auquel sera appliquée l'action bascule qui masquera et affichera le menu déroulant.

.déposer jusqu'à

 Ajouter cette classe pour changer l'orientation du menu déroulant afin qu'elle apparaisse au lieu de descendre.

.embed-responsive

 Styles d'intégration iframe responsive par défaut Responsive embed



.embed-responsive-16by9

 Classe wrapper div pour que l'enfant iframe responsive responsive embarque

.embed-responsive-4by3

 Classe wrapper div pour que l'enfant iframe responsive responsive embarque

.fade

 Pour que vos alertes utilisent l'animation lors de la fermeture, assurez-vous que les classes .fade et .in leur sont déjà appliquées. Alerte

.form-control

 Classe ajoutée en entrée, zone de texte et sélectionnez-la pour en faire des formulaires à 100% et réactifs

.form-control-feedback

 Une classe de validation de formulaire

.form-control-static

 Vous permet d'ajouter du texte en clair à la droite d'une étiquette. Par exemple, une étiquette d’e-mail pourrait avoir du texte d’aide. Formulaires

.form-group

 Une classe div wrapper qui contourne une entrée de formulaire et nomme des formulaires

.glyphicon

 Style des polices d'icône de base pour les glyphiques de polices d'icône

.glyphicon-chevron-left

 Classe pour ajouter une icône en chevron à la droite Glyphicons

.glyphicon-chevron-right

 Classe pour ajouter une icône en chevron à la droite Glyphicons

.h1 - .h6

 Appliquez des styles de titre à d'autres éléments. Faire un paragraphe ressembler à une typographie h1

.has-feedback

 Vous pouvez également ajouter des icônes de retour facultatives avec l’ajout de .has-feedback et la bonne icône. Formes

.help-block

 Un bloc de texte d'aide qui saute sur une nouvelle ligne et peut s'étendre au-delà d'une ligne. Formes

.caché

 cache un élément partout

.caché-*

 Utilisez une seule ou une combinaison des classes disponibles pour basculer le contenu entre les points d'arrêt de la fenêtre. Peut nous lg, md, sm. Utilitaires réactifs xs

.hidden-print

 Comme pour les classes réactives classiques, utilisez-les pour basculer du contenu à imprimer. Utilitaires réactifs

.cacher

 cette classe est identique à hidden mais est déconseillée, utilisez donc .hidden à la place de Helper Classes

.icon-bar

 Utilisé dans la barre de navigation pour créer le menu mobile du cheeseburger Navbar

.icon-next

 Icônes Glyphicon non nécessaires - Les classes .glyphicon .glyphicon-chevron-left et .glyphicon .glyphicon-chevron-right ne sont pas nécessairement nécessaires pour les contrôles. Bootstrap fournit les fichiers .icon-prev et .icon-next sous forme d'alternatives unicode simples. Carrousel

.icon-prev

 Icônes Glyphicon non nécessaires - Les classes .glyphicon .glyphicon-chevron-left et .glyphicon .glyphicon-chevron-right ne sont pas nécessairement nécessaires pour les contrôles. Bootstrap fournit les fichiers .icon-prev et .icon-next sous forme d'alternatives unicode simples. Carrousel

.img-circle

 Recadrer une image pour former un cercle Images

.img-arrondi

 Ajoute des coins arrondis à une image. Images

.img-thumbnail

 Ajoute des coins arrondis et une bordure incrustée à une image. Images

.dans

 Pour que les onglets s’ajoutent, ajoutez .fade à chaque volet. Le premier volet doit également contenir .in pour que le contenu initial soit visible. Languette

.Info

 Classe contextuelle des tables pour changer la couleur de la ligne "target =" _ blank "href =" http://getbootstrap.com/css/#tables-contextual-classes

.initialisme

 Ajoutez .initialism à une abréviation pour une taille de police légèrement inférieure. Typographie

.input-group

 Classe wrapper utilisée pour améliorer un groupe d'entrées et d'étiquettes en ajoutant un bouton devant ou derrière comme texte d'aide Groupes de saisie

.input-group-addon

 La classe ajoutée à une icône ou à un texte d'aide dans un formulaire .input-group Groupes d'entrée

.input-group-btn

 Joint un bouton à côté d'une entrée de texte. Travaillerait pour une barre de recherche ou un formulaire d'inscription par courriel. Groupes d'entrée

.input-lg

 Définissez les hauteurs à l'aide de classes telles que .input-lg, et les largeurs à l'aide de classes de colonnes de grille telles que .col-lg- *. Formes

.input-sm

 Définissez les hauteurs à l'aide de classes telles que .input-lg, et les largeurs à l'aide de classes de colonnes de grille telles que .col-lg- *. Formes

.invisible

 Faire quelque chose d'invisible Helper Classes

.article

 Classe ajoutée à chaque élément de carrousel Carrousel



.jumbotron

 Une section de contenu utilisée pour présenter le contenu important. Couramment utilisé sur les pages d'accueil et les pages de catégorie. Jumbotron

.étiquette

 Applique un style par défaut aux étiquettes "Nouvelles" étiquettes

.étiquette-*

 Changez la couleur de l'étiquette en ajoutant l'un des éléments suivants: valeur par défaut, avertissement, information, danger, étiquettes principales

.conduire

 Augmentez la taille de la police et la hauteur de ligne d'un paragraphe. Bon à utiliser sur le premier paragraphe d'un article pour améliorer la lisibilité. Typographie

.la gauche

 Utilisé pour identifier le carrousel de contrôle gauche Carrousel

.list-group

 Classe wrapper ul contenant li avec les frontières Groupe de listes

.list-group-item

 Classe ajoutée à chaque li dans un groupe de listes de groupes de listes

.list-group-item-header

 Classe ajoutée à une ancre ou p pour un en-tête .list-group-item Groupe de liste

.list-group-item-text

 Classe ajoutée à une ancre ou p pour un texte .list-group-item sous un en-tête Groupe de listes

.list-group-item- *

 Modifiez la couleur de l'élément du groupe de listes en ajoutant l'un des éléments suivants: valeur par défaut, avertissement, informations, danger, groupe de listes principal

.list-inline

 Remplace un style par défaut de listes pour qu'il soit en ligne et bloque la typographie

.list-non-stylé

 Supprime tous les styles de balle d'une liste ul ou ol

.marque

 Pour mettre en évidence une séquence de texte en raison de sa pertinence dans un autre contexte, utilisez la balise mark. Typographie

.médias

 Les composants média sont des en-têtes et des textes de description. Commentaires de blogs, projets de portfolio, couvertures d'albums, etc. Objet multimédia

.media-body

 La classe ajoutée pour le bloc de copie de description de média Objet média

.media-rubrique

 La classe appliquée à un en-tête dans un composant multimédia Objet multimédia

.media-list

 Les listes de médias imbriquées seraient bien utilisées comme commentaires Objet multimédia

.media-objet

 Classe ajoutée à un objet multimédia image de composant multimédia

.modal

 La classe wrapper parente du contenu modal Modal

.modal-toile de fond

 Ajouté par le javascript modal pour rendre la zone autour du modal cliquable pour masquer le modal

.modal-body

 La classe de contenu de corps modale: Header - Body - Footer Modal

contenu modal

 Le contenu modal contient modal-body, modal-header et modal-footer Modal.

.modal-dialog

 Classe de wrapper secondaire de l'ensemble du contenu modal Modal

.modal-footer

 Le pied de page du modal contenant les boutons d'action ou le texte d'aide Modal

.modal-header

 La section d'en-tête du modal contenant le titre et le bouton de fermeture Modal

.modal-lg

 Fait un modal plus large modal

.modal-open

 Javascript ajoute cette classe à la balise body pour empêcher le défilement avec le modal ouvert Modal

.modal-sm

 Rend le modal moins large Modal

.modal-title

 Le titre du modal Modal

.nav

 classe de base de navigation ajoutée à tous les types de navigation: onglets, pilules, liens justifiés et désactivés

.nav-justifié

 Rend la navigation d'un onglet égale à la même largeur et s'étend sur toute la largeur de son conteneur parent



23