Si vous allez sur site Web Twitter-Bootstrap et réduire la taille de la fenêtre en dessous de 1024x768, la navigation sera Changez dans une icône que vous cliquez pour cela. Est-ce l'un des plugins JavaScript? Comment puis-je obtenir mon site Web pour faire la même chose?
Edit
4 Réponses :
Ce n'est pas JavaScript (enregistrer pour la mise en oeuvre du menu TAGGLABLE), c'est CSS avec requêtes multimédias:
http://twitter.github.com/bootstrap/assets/ CSS / Bootstrap-Responsive.css
J'ai inclus le bootstrap-sensible dans ma demande et je ne peux toujours pas comprendre comment l'activer. Les instructions sur le site Web principal disent simplement à inclure le fichier CSS dans lequel je l'ai fait, mais aucun changement.
@wrbg: Avez-vous lu The Docs ? En outre, le fichier CSS ne fait rien de magique - si tout ce dont vous avez besoin est un menu effondré, faites-le simplement en utilisant les mêmes requêtes de média.
Je le crois. J'ai lu la partie particulière sur la conception réactive à twitter.github.com/bootstrap/scaffolding.htmlle_ a>. Tout le reste s'effondre mais la navigation ne le fait pas. J'ai inclus une image dans mon édition pour montrer l'erreur.
Vous avez besoin jQuery pour cela et il doit être chargé avant le fichier boostrap.js .
La navigation nécessite la propriété http: // twitter .github.com / bootstrap / composants.html # NAVBAR Pour plus de détails sur l'effondrement de la navigation. Note latérale 3 oct. 2012 Je viens de commencer à en faire une autre application et j'ai eu un problème dans les fichiers minimisés afin que je suggère que vous vous soyez régulier si vous avez des problèmes même lorsque tout est configuré correctement. Voici mon Nav-Collapse avec le .btn aussi. Ceci est un exemple: application.css.Css maintenant:
Que fait cette classe BTN de toute façon? Je ne reçois pas le commentaire ci-dessus. --edit-- Nevermind. C'est le bouton bascule qui apparaîtra.
@LearningRor Toute idée sur ma question? Stackoverflow.com/Questtions/14203279/... < / a>
Ok, mais comment le permettez-vous d'effondrer à une taille définie? La souffrance par défaut s'effondre à 970px, mais je tiens à le faire effondrer à 300PX.
Si vous venez de télécharger le fichier Bootstrap en cliquant sur le bouton, il ne fonctionnera pas immédiatement lorsque vous personnalisez vos pages. Vous devez télécharger le dernier fichier JQuery et remplacer cela avec le chemin de fichier générique qu'ils vous donnent. Vous pouvez également nettoyer les exemples de fichiers tels que ceci ... dans ou simplement cliquez sur le lien qui dit "Télécharger avec Docs "
Et tous vos problèmes seront résolus car tous les liens fonctionnent
hmm .. @learningror