ASP.NET MVC4 Regroupement avec Twitter Bootstrap
Je suis en train d'utiliser la nouvelle fonctionnalité de regroupement dans MVC 4 avec Twitter bootstrap et il me semble que les chemins vers les glyphicons png fichiers int le css est foiré, d'une certaine façon. Voilà mon code:
bundles.Add(new StyleBundle("~/bundles/publiccss").Include(
"~/Static/Css/bootstrap/bootstrap.css",
"~/Static/Css/bootstrap/bootstrap-padding-top.css",
"~/Static/Css/bootstrap/bootstrap-responsive.css",
"~/Static/Css/bootstrap/docs.css"));
bundles.Add(new ScriptBundle("~/bundles/publicjs").Include(
"~/Static/Js/jquery-1.7.2.js",
"~/Static/Js/bootstrap/bootstrap.js",
"~/Static/Js/cookie/jquery.cookie.js"));
Je ne vois pas les icônes sur les boutons et de la même manière. Suis-je en train de faire quelque chose de mal ici? Des suggestions?
Vous devez vous connecter pour publier un commentaire.
La question est plus que probable que les icônes et les images dans les fichiers css, utilisez des chemins relatifs, donc si votre bundle ne vit pas dans la même application chemin d'accès relatif que votre dégroupés fichiers css, ils deviennent des liens brisés.
Nous avons la relocalisation des url dans le css sur notre liste de choses à faire, mais pour l'instant, les plus faciles chose à faire est d'avoir votre bundle chemin de ressembler à la css répertoire pour les url relatives juste travail, je.e:
Mise à jour: Nous avons ajouté le support pour ce dans la de 1.1beta1 la sortie, donc de réécrire automatiquement l'url de l'image, vous pouvez ajouter une nouvelle ItemTransform qui fait ce changement d'année de base automatiquement.
font-face
règles. Devrait-il?StyleBundle
virtualpath: Lien 1 , Lien 2, Lien 3, Lien 4 , espérons que cela aide quelqu'un.CssRewriteUrlTransform
affecter .min. fichiers? Je soupçonne que c'est mon problèmeLe "CssRewriteUrlTransform' fonctionne très bien pour les applications qui NE veut PAS fonctionner sur un répertoire virtuel.
Donc, si votre application s'exécute sur http://your-site.com/ il fonctionne très bien, mais si s'exécute sur http://your-site.com/your-app/ vous aurez 404 pour toutes vos images, car la valeur par défaut "CssFixRewriteUrlTransform' est le référencement de vos images avec un '/'.
Pour résoudre ce problème, j'ai mis en œuvre mes propre version de "CssRewriteUrlTransform" comme ceci:
Mise à JOUR: grâce à superjos qui a souligné que c'était une autre solution là:
CssRewriteUrlTransformFixed
dans un package NuGet j'ai jusqu'qui corrige un tas de questions, dans le transformateur standard. github.com/benmccallum/AspNetBundlingCe que vous pouvez faire est que vous pouvez aller à la personnaliser page et changement
@iconSpritePath
et@iconWhiteSpritePath
dans le Sprites section et, bien sûr, télécharger le nouveau style.J'ai mis mes images dans le dossier
Content/Images
dossier et j'ai changé le chemin d'accès dans:/Content/Images/glyphicons-halflings.png
/Content/Images/glyphicons-halflings-white.png
Une autre alternative est de télécharger tout le MOINS de fichiers à partir de github, modifiez les mêmes variables dans le variables.moins fichier et de recompiler le bootrap.moins fichier avec un outil comme SimpLESS.
Correctif pour ce maintenant ajouté à mon AspNetBundling package NuGet qui résout un tas d'autres questions dans le transformateur standard, en particulier autour de l'utilisation de data-uri. Open-source sur GitHub trop.
Viens de faire:
Install-Package AspNetBundling
CssRewriteUrlTransform
avecCssRewriteUrlTransformFixed