bootstrap: un thème de base pour drupal 7
https://www.drupal.org/project/bootstrap et doc à https://www.drupal.org/node/1976938 et http://drupal-bootstrap.org
Requiert JQuery (via le module jQuery Update ). Pour Bootstrap 3 (7.x-3.x): jQuery - 1.9.0+
à installer dans un dossier theme (sites/all/themes). Ce thème est mobile first (dans le core), html5.
Voir aussi le thème HTML 5 https://www.drupal.org/project/beginning
Le readme (7.x-3.3) indique: http://www.jsdelivr.com jsDelivr CDN, http://bootswatch.com support thème, https://www.drupal.org/project/icon (support Glyphicons), et coté paramétrage du thème: http://getbootstrap.com/components/#breadcrumbs, http://getbootstrap.com/components/#navbar, http://getbootstrap.com/javascript/#popovers (js requiert tooltips), http://getbootstrap.com/javascript/#tooltips et http://getbootstrap.com/components/#wells par région du thème (classe css : bordure arrondie).
utilisation
Si on crée un sous-theme, il faut quand meme activer bootstrap theme de base (s'il n'est pas actif, certaines fonctionnalités fonctionnent mal, bug drupal 7). Recommandé: jQuery Update
Lectures conseillées : http://getbootstrap.com/getting-started http://getbootstrap.com/css/ http://getbootstrap.com/components/ http://getbootstrap.com/javascript/
En PJ, settings.txt montre comment personnaliser le .info
création d'un sous-theme "monbootstap"
1. activer botstrap de base
2. choix d'un sous-theme : ou CDN (css et js) ou less (fichiers less et preprocessor), le copier vers themes/monbootstap (par ex)
3. renommer ./monbootstap/cdn.starterkit ou ./monbootstap/less.starterkit en ./monbootstap/cdn.monbootstap.info et ./monbootstap/less.monbootstap.info
y modifier nom, description...
sur CDN
modifier ./monbootstap/css/style.css
sur less
Il faut avoir en local un compileur LESS, les styles ne sont pas en .css mais en .less
On peux de plus dl les dernières versions du Framework Bootstrap dans notre sous-theme en ./monbootstap/bootstrap
./monbootstap/less/variable-overrides.less est l'un des fichiers le plus utilisé
./monbootstap/less/bootstrap.less ressemble au Framework, sauf qu'il injecte variable-overrides.less juste après l'import de variables.less de Bootstrap Framework.
./monbootstap/less/overrides.less
./subtheme/less/style.less permet de combiner bootstrap.less et overrides.less. En général, on n'y va pas, sauf pour retirer/ajouter l'import d'une feuille de style.
Plus sur le web
http://makina-corpus.com/blog/metier/2014/theme-drupal-frontend-bootstrap-less-et-gulp
http://getbootstrap.com
http://lesscss.org
en anglais
modules liés: https://www.drupal.org/node/2011034
Créer un sous-theme bootstrap https://www.drupal.org/node/1978010
tips https://www.drupal.org/node/2052931
ne pas cliquer sur le menu : http://webmar.com.au/blog/drupal-bootstrap-3-multilevel-submenus-hover
drupal 8 (8.0-alpha13): https://drupalwatchdog.com/volume-4/issue-2/responsive-themes
Attachment | Size |
---|---|
settings.txt | 8.46 KB |