Comment utiliser Twitter Bootstrap 3 avec le jeu de cadre 2.3

J'ai essayé en ajoutant bootstrap de fichiers css et js public/javascripts et public/stylesheets application dans le jeu cadre d'application. Je donno pourquoi mais j'ai un blanc de sortie. Est-ce la bonne manière de procéder, pour bootstrap v3 avec le jeu v2.3? Si non, quelle est la procédure à suivre pour le faire?

OriginalL'auteur Ram's stack | 2014-11-23

  1. 13

    NE PAS diviser téléchargé la bibliothèque manuellement, pour quoi faire? Il contient les chemins d'accès relatifs.

    Juste décompresser c'est à dire dans public/bootstrap dossier et comprennent JS/CSS à partir de là, comme le commun des biens publics:

    <link rel="stylesheet" 
  href="@routes.Assets.at("assets/bootstrap/css/bootstrap.css")">
<script type='text/javascript' 
  src='@routes.Assets.at("assets/bootstrap/js/bootstrap.js")'></script>

    bien sûr, je suppose que vous avez de la route par défaut créé par le Jeu:

    GET  /assets/*file   controllers.Assets.at(path="/public", file)

    ASTUCE: ces dossiers que vous avez mentionnés sont là que des exemples, il n'est pas oblique vous à quoi que ce soit... vous pouvez déplacer/renommer/supprimer, quel que soit

    Désolé mais j'ai un peu confus. Pouvez-vous nous expliquer un peu clair ?
    Confus au sujet de la partie?
    Vouliez-vous dire de décompression de l'ensemble de bootstrap v3 dossier et le placer dans le dossier public de mon application dans le jeu-cadre?
    oui, exactement, je voulais dire 🙂 Décompressez l'archive dans certains sous-dossier et ne pas manipuler ses fichiers et dossiers. Juste utiliser les bons chemins dans le modèle
    Merci pour votre intérêt à y répondre. DONC, si j'ai quelque chose comme la tête de mon bootstrap fichier html <link href="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/..."> Comment suis-je censé lien dans le main.scala.html de mon application?

    OriginalL'auteur biesior

  2. 3

    Dans le build.sbt fichier, ajoutez la ligne suivante:

    resolvers ++= Seq(
  "webjars"    at "http://webjars.github.com/m2"
)

libraryDependencies ++= Seq(
  "org.webjars"               %% "webjars-play"       % "2.3.0",
  "org.webjars"               % "bootstrap"           % "3.0.0" exclude("org.webjars", "jquery"),
  "org.webjars"               % "jquery"              % "1.8.3"
)
    Merci pour poining telle option comme WebJars. Toutefois, il ne mentionne pas comment faire pour faire référence au contenu de ces pots. webjars.org/documentation le clarifie: /assets/lib/bootstrap/css/bootstrap.css

    OriginalL'auteur karim elhelawy

  3. 2

    à Jouer 2.5.x

    <link rel="stylesheet" href="@routes.Assets.versioned("bootstrap/css/bootstrap.css")">
<script type='text/javascript' src='@routes.Assets.versioned("bootstrap/js/bootstrap.js")'></script>

    OriginalL'auteur ecamur

  4. 1

    Ma solution a été comme suit:

    Dans la construction.sbt:

    libraryDependencies ++= Seq(
    "org.webjars" % "bootstrap" % "3.3.7"
)

    Dans conf/routes, assurez-vous d'avoir la ligne suivante: (Cela devrait être inclus par défaut, sauf si vous l'avez supprimé)

    GET     /assets/*file               controllers.Assets.versioned(path="/public", file: Asset)

    Dans votre file.scala.html fichier, vous devez intégrer bootstrap comme suit:

    <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("lib/bootstrap/css/bootstrap.min.css")">
<script src="@routes.Assets.versioned("lib/bootstrap/js/bootstrap.min.js")" crossorigin="anonymous"></script>

    OriginalL'auteur smac89

  5. 0

    Dans la nouvelle version 2.4, vous devez utiliser:

    @routes.Assets.versioned("an_asset")

    au lieu de:

    @routes.Assets.at("an_asset")

    Mais n'oubliez pas de garder cela à l' routes fichier:

    GET     /assets/*file               controllers.Assets.versioned(path="/public", file: Asset)

    OriginalL'auteur rjmAmaro