fbpx
contact@bootstrap-top-design.com

Catégorie : Tutoriels

comment utiliser les icones Bootstrap dans un projet

Comment utiliser les icônes Bootstrap dans un projet

Dans un précédent article nous avons vu la grande influence qu’ont les couleurs sur un projet, c’est pareil pour les icônes aussi, ces petits dessins graphiques lorsqu’ils sont utilisés sur un projet web captent premièrement l’attention des visiteurs et deuxièmement leur facilitent la navigation. L’équipe de maintenance de Bootstrap conscient de cette puissance d’impact des…
Read more

styliser l'élément HTML liste à l'aide de Bootstrap

Voici comment styliser l’élément HTML liste à l’aide de Bootstrap

Le style par défaut de l’élément liste du HTML dans  certains projets web n’est parfois pas attrayant , et même dès fois c’est nuisible pour l’expérience utilisateur. Bootstrap nous permet  de proposer cet élément dans nos réalisations de manière à captiver l’attention du visiteur. Comme vous pouvez le constater sur cette réalisation, elle nous offre…
Read more

pop-up bootstrap

Les 3 simples procédures à suivre pour réaliser un pop-up (fenêtre modale) Bootstrap

Aujourd’hui, presque tous les projets web intègrent le composant pop-up, cette petite fenêtre qui se superpose à la page après avoir mis un masque grisé sur celle-ci. Vous le remarquez souvent, n’est-ce pas ! Ce tutoriel vous montre comment réaliser ces pop-up à l’aide de Bootstrap en trois simples étapes. Grâce à ce tutoriel, vous saurez…
Read more

stretched linking de Bootstrap

Comment rendre tout un composant cliquable grâce au stretched linking de Bootstrap

Le stretched linking a vu le jour dans la version 4.3.1 de la bibliothèque, il a été intégré par l’équipe de Bootstrap pour faciliter la navigation aux utilisateurs d’une application web. Qu’est-ce que c’est le concept du stretched linking de Bootstrap?  Il s’agit d’inclure dans un composant un lien, ensuite étendre le cliquet du lien à…
Read more

appliquer le spacing de Bootstrap

Le spacing de Bootstrap : comment appliquer facilement une marge interne ou externe à l’aide de Bootstrap

Le spacing est un outil très pratique de Bootstrap qui vous permet d’insérer directement dans une balise la marge souhaitée par le biais d’une classe, et vous évite de faire des allers-retours incessants entre votre feuille de style et le fichier HTML. Depuis son apparition dans la quatrième version de Bootstrap, il épate les utilisateurs…
Read more

réaliser un formulaire à l'aide de Bootstrap

2 étapes simples à suivre pour concevoir un formulaire à l’aide Bootstrap

Bootstrap pour nous aider à réaliser de splendides formulaires, elle a donné du punch aux éléments HTML permettant de concevoir un formulaire dont les styles primitifs sont inattrayant. Découvrons en 2 simples étapes comment concevoir de magnifiques formulaires à l’aide de Bootstrap. Première Etape : Connaitre et appliquer le style prévu par Bootstrap aux éléments Les…
Read more

Déplacer et ordonner un élément sur une page web

2 outils simples d’utilisation proposés par Bootstrap pour déplacer ou ordonner un élément sur une page web

Tout comme une reine a la liberté et la facilité de se déplacer sur un échiquier, Bootstrap aussi propose des outils vous permettant de déplacer un élément sur une page web comme bon vous semble. Ces outils ont une manière particulière d’agir sur les éléments d’une page web, qui est différente de celles des classes…
Read more

Agencer des éléments à l'aide des classes flexbox de Bootstrap

Voici comment vous pouvez à l’aide des classes flexbox de Bootstrap, réaliser une propre mise en page (Partie 2)

Lorsque vous terminerez la lecture de ce tutoriel qui est le deuxième et le dernier sur les classes flexbox de Bootstrap, vous : Comprendrez le mécanisme sur lequel se base la flexbox pour aligner les éléments imbriqués dans un conteneur flexible Ensuite, vous connaitrez les différentes possibilités d’alignement de ses éléments et le plus important, vous…
Read more

mise en page à l'aide des classes flexbox de Bootstrap

Voici comment vous pouvez à l’aide des classes flexbox de Bootstrap, réaliser une propre mise en page (Partie 1)

A la fin de ce cours, vous connaitrez les classes flexbox de Bootstrap et vous serez en mesure de  les utiliser pour: ·        Faire une mise en page soigneuse ·        Rendre flexibles les éléments de votre page web ·        Positionner ces éléments dans le sens qui vous convient ·        Ensuite, faire des alignements spécifiques avec…
Read more

système de grille de Bootstrap

3 étapes simples pour maitriser une fois pour de bon l’utilisation du système de grille de Bootstrap

Voulez-vous connaitre le système de grille de Bootstrap et savoir à quoi sert-il ? Cherchez-vous à maitriser parfaitement son utilisation ? Si vous avez répondu oui à l’une de ces deux questions, alors cet article est écrit pour vous. Car une fois que vous aurez terminé la lecture de ce tutoriel, vous connaitrez la grille de…
Read more