2017-09-18 2 views
1

Je veux utiliser et personnaliser bootstrap 4 (actuellement en version bêta) dans une application play framework 2.6 (scala).Comment personnaliser/thème Bootstrap 4 dans playframework?

En personnalisant je veux dire créer mes propres classes CSS ou changer les variables existantes comme la largeur des conteneurs, les couleurs des boutons par défaut, ...

Comment puis-je aller à ce sujet? Ma supposition est que la bonne façon de le faire serait d'intégrer la compilation de sass dans mon application de cadre de jeu de sorte que les changements pertinents aux variables bootstrap de base soient repris dans tous les endroits nécessaires. Ce que j'ai fait jusqu'à présent est: Dans build.sbt, ajouté "org.webjars" % "bootstrap" % "4.0.0-beta" à la bibliothèqueDépendances.

En plugins.sbt, a ajouté addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4")

Dans mes actifs app \ \ css \ main.scss, ajouté @import "lib/bootstrap/css/bootstrap";. Le bootstrap css est maintenant correctement livré avec mon css personnalisé.

Comment modifier maintenant les variables bootstrap? Dans la documentation de personnalisation (https://getbootstrap.com/docs/4.0/getting-started/options/#customizing-variables) doc indique qu'il existe un fichier appelé _variables.scss où cela peut être fait. Ce fichier n'existe pas dans/lib/bootstrap/css où le contenu webjar a été extrait.

Répondre

2

intégration SASS

Vous pouvez le trouver dans la documentation de jeu: https://www.playframework.com/documentation/2.6.x/AssetsSass

vous devez particulièrement ajouter le plugin sbt-sassify:

addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4") 

Cette documentation du plugin: https://github.com/irundaia/sbt-sassify

Intégration de Bootstrap

Il existe un projet sur GitHub appelé "Play-Bootstrap". C'est une bibliothèque " " pour le Bootstrap ".

Vous pouvez constater que lib ici: https://adrianhurt.github.io/play-bootstrap/

+0

Merci, mais la question est vraiment l'intégration de bootstrap 4, pas sass en général. – nemoo

+0

J'ai mis à jour la réponse –

+1

Play-Bootstrap est un générateur de balisage. Cela n'a rien à voir avec ma question. – nemoo