- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
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
Doc tek:
Fichier attaché | Taille |
---|---|
settings.txt | 8.46 Ko |