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.

http://lesscss.org

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

Doc tek: 
Fichier attachéTaille
Plain text icon settings.txt8.46 Ko