Open Framework un thème responsive "Bootstrap"

Créé avec Bootstrap, c'est un thème RWD pour drupal 7, bien documenté à https://openframework.stanford.edu/guide/theme-options

Il comporte Font Awesome 3.2.1 et bootstrap-2.3.1. Et le module https://www.drupal.org/project/block_class (avoir le droit admin bloc pour y indiquer une classe CSS).

A Administer > Appearance > Settings > Open Framework on peux choisir pour un affichage réduit (tel) l'ordre du contenu principal et des sidebars + afficher/cacher le titre de la page sur la home page et afficher ou masquer le breadcrumb + Afficher une image de fond (L'option d'image photo de fond redimensionne dynamiquement l'image pour l'adapter la fenêtre du navigateur.) + Afficher une bordure avec coins arrondis autour de votre contenu de bloc.

Les régions

Open Framework propose 2 types de région: Flow Régions Flow : les bloc glissent vers la droite puis le bas et Stacked (empilées) Dans les régions Stack, les blocs s'empillent l'un au dessus de l'autre. ofw_regions_outline-06.png montre le template page (contenu sans entete, pied et sidebar) en vert les régions Flow et en orange les Stacked, en gris les régions standard (Header, Main Top... le bloc y prendra par défaut toute la largeur, à moins d'utiliser un classe span).

Démo des régions à https://openframework.stanford.edu/regions
Par défaut, un mobile voit dans cert ordre: https://openframework.stanford.edu/guide/preparing-your-content/deciding...

Bootstrap

Les régions fonctionnent sur 12 colomnes. Appliquer à un bloc span6 lui donne une largeur de 50%, span4 lui donne 1/3 (12/3=4). Voir des ex à https://openframework.stanford.edu/guide/creating-responsive-layouts/cre...
clear-row permet de passer à la ligne.

plus

Utile pour Font Awesome (montre Icon, CSS Class, & Unicode): http://fortawesome.github.io/Font-Awesome/cheatsheet/

vers 9mn de https://openframework.stanford.edu/responsive-video-player (explique pour regions en stacked)

 regions responsive de Open Framework