2 votes

installer bootstrap dans grails

Je suis nouveau dans grails, je n'arrive pas à trouver un bon tutoriel pour installer bootstrap dans grails 3+ (3.1.5), et je ne comprends pas à quoi sert exactement le plugin "twitter bootstrap plugin", n'est-il pas suffisant de remplacer layouts/main.gsp par un template bootstrap ? est-il recommandé d'utiliser bootstrap avec grails ou existe-t-il une meilleure alternative ? Merci
EDIT :
La réponse correcte est celle donnée par Jeff Scott Brown dans le commentaire
"Si vous utilisez Grails 3, Bootstrap est installé par défaut dans une application nouvellement créée. Vous n'avez pas besoin de l'installer."

4voto

Mikelis Baltruks Points 1717

BASICS
Boostrap peut être ajouté à votre projet en ajoutant simplement les fichiers (un css et un javascript) à vos pages html. Comme vous devrez inclure ces fichiers dans toutes les pages, je vous suggère de les placer dans les fichiers de mise en page.
BOOTSTRAP
Vous utilisez le bootstrap en donnant des noms de classe spécifiques à vos div s. Bootstrap ajoute simplement leur css spécifique pour le rendre propre et réactif. Vous pouvez lire plus sur tout cela aquí .
INCLUANT
Pour ajouter ces fichiers, vous devez l'ajouter à votre mise en page html ou à une seule page :

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

Vous pouvez également télécharger les fichiers et éviter de perdre la fonctionnalité hors ligne. Alors, téléchargez-les à partir de aquí

INFO EXTRA
Au cas où vous ne seriez pas familier avec les mises en page grails, vous pouvez les vérifier dans ce lien
C'est très simple en fait. Vous définissez simplement toutes les head des trucs là-dedans.

1voto

Jesús Iglesias Points 95

Vous pouvez installer Bootstrap de manière normale, c'est-à-dire en ajoutant manuellement les fichiers bootstrap dans votre projet, dans votre répertoire web-app. Ensuite, il suffit de l'ajouter aux layouts ou aux pages (.gsp).

Vous pouvez également l'ajouter manuellement dans le répertoire des actifs. De cette façon, vous ne tapez qu'une seule fois dans votre mise en page le chargement avec : g:actif .

Ou si vous préférez utiliser le plugin, voici un tutoriel en espagnol : http://abel-olguin.com/anadir-twitter-bootstrap-a-grails-3/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X