Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Framework Web Responsive

image

Projet

Le Framework Web Responsive est un ensemble d'outils CSS et JavaScript inspiré de Bootstrap pour faciliter la création de sites web responsives.

I. Grille

Nous fournissons une grille similaire à celle de Bootstrap, avec des classes telles que .container, .container-fluid, .row, et .col-*-*. Assurez-vous que la grille résiste au responsive.

II. Remplissage

Ajoutez des éléments à la grille, tels que des boutons, des images, des couleurs, et des alertes. Personnalisez-les avec des classes spécifiques pour obtenir l'effet souhaité.

III. Masquer des Éléments

Utilisez les classes .visible-* et .hidden-* pour contrôler la visibilité des éléments sur différents types de dispositifs. Ajoutez également les classes .visible-print et .hidden-print pour le rendu lors de l'impression.

IV. Navbars

Créez des navbars personnalisées avec des fonctionnalités telles que les listes déroulantes, inspirées de Bootstrap.

V. Popins

Ajoutez des popins qui s'affichent au clic sur un bouton. Personnalisez-les pour une utilisation simplifiée avec des classes telles que .modal, et implémentez des options pour les rendre uniques.

VI. Onglets

Améliorez l'organisation des pages avec des onglets. Créez une classe .tab-list pour les liens et un ensemble d'onglets dans un élément <ul>. Personnalisez-les avec des classes telles que .tab-pane et .tab-content.

VII. Info-Bulles

Ajoutez des info-bulles sur les boutons avec la classe .tooltip. Personnalisez leur position avec l'attribut data-placement et étendez cette fonctionnalité à d'autres éléments.

Bonus

Le Framework Web Responsive est complet, mais n'hésitez pas à ajouter des fonctionnalités supplémentaires pour le rendre encore plus puissant. Vous pouvez vous inspirer de Bootstrap ou inventer de nouvelles fonctionnalités.

About

Création d'un grid-layout SCSS framework personnel

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages