Ne pas pouvoir faire de bootstrap responsive design travailler avec dotnetnuke
J'ai utilisé twitter bootstrap dans mon projet avec DotNetNuke. J'ai fait de mon la conception et la mise en page à l'aide de HTML, CSS, bootstrap. Le responsive design a été fonctionne bien quand je l'ai testé sur différents appareils mobiles et même si quand je redimensionner ma fenêtre de navigateur.
Comme il fonctionnait bien, j'ai converti le design de DotNetNuke de la Peau. Maintenant, le responsive design fonctionne très bien seulement quand je redimensionner la fenêtre du navigateur et pas sur les appareils mobiles. Je comprends le flux dans lequel DNN charge les feuilles de style et je l'ai suivie. J'ai rendu ma peau.css comme une combinaison de bootstrap.css et suivie par le contenu de bootstrap-responsive.css
Je ne suis pas en mesure de trouver le problème comme si j'utilise la même peau.css avec mon code html, il fonctionne très bien mais il ne fonctionne pas avec DNN (sur les appareils mobiles).
OriginalL'auteur Siddharth Pandey | 2012-05-22
Vous devez vous connecter pour publier un commentaire.
Vous êtes absent le meta qui cible les appareils mobiles pour la bonne échelle. Insérez le code suivant dans l'en-tête de votre page:
Je suis la barre de défilement horizontal! Comment puis-je le supprimer?
n'avez pas un appareil mobile sous la main pour tester, mais l'un de vos éléments est probablement déborder votre conteneur principal. Une solution rapide serait d'ajouter
body { overflow-x: hidden; }
dans votre feuille de style afin de masquer la barre de défilement horizontale mais une bonne solution serait de chasser en bas de cet élément qui est débordante.Merci beaucoup pour cette question, & reponse. J'ai eu du mal avec ce depuis 4 heures. 😀
Merci beaucoup! M'aide vraiment, été frustrant pour un certain temps. Incroyable
OriginalL'auteur Andres Ilich
Je viens de remarquer quelque chose d'intéressant et que vous souhaitez partager, peut-être que cela aidera quelqu'un. Dans le site de l'en-tête de l'article, vous devez inclure la première le bootstrap.css et seulement après que le bootstrap-responsive.css parce que, évidemment, de la réactivité.css dépend du bootstrap.css
De cours de la balise meta devraient être également présents.
OriginalL'auteur Zdravko Georgiev
Assurez-vous que le responsive CSS(responsive.css) est inclus après de base pas avant.
en premier lieu lien à la base de la feuille de style
bootstrap.css
et puis réactivebootstrap-responsive.css
.merci beaucoup bro, je ne confondent sur "avant et après"
OriginalL'auteur Sergey Metlov