SharePoint et Bootstrap
Aujourd'hui je vous présente un site Sharepoint que j'ai réalisé, celui-ci s'adaptable à la taille d'écran de vos différents périphériques, du téléphone au grand écran full HD ceci grace à l'intégration de BootStrap.
Voici un aperçu de ce que vous pourrez obtenir :
Voici un affichage pc :

Voici le même site vu sur un téléphone:

Ce qu'on remarque tout de suite par rapport a un site Sharepoint traditionnel c'est:
- Disparition de la barre de navigation "SharePoint 2013", j'ai repris les boutons importants dans le menu "paramètres" de la nouvelle navigation.
- La partie photo il s'agit d'un carousel automatique qui permet de faire défiler des images.
- Le menu navigation s'adapte et se reduit automatiquement lorsque l'écran est plus petit.
- Les différentes webparts se positionne verticalement les unes à la suite des autres quand l'écran n'est plus suffisament large pour les afficher horizontalement.
Voici 1 page supplémentaire du site :
Version PC:

Version téléphone:

Dans un prochain post je vous détaillerez la procédure à suivre pour réaliser la même chose.
Sylvain J.
コメント