J'ai un site à créer qui a un rapport hauteur / largeur fixe d'environ 16:9paysage, comme une vidéo. Je veux qu'il soit centré et élargi pour remplir la largeur disponible et la hauteur disponible, mais ne jamais grossir d'un côté ou de l'autre. Par exemple: Une page haute et fine aurait le contenu...
J'ai un site Web qui doit être réactif pour les téléphones mobiles. Je l'ai créé en utilisant mon bureau. Lorsque j'ajuste les fenêtres du navigateur, cela fonctionne parfaitement pour le téléphone portable, mais lorsque je le vérifie sur mon vrai téléphone portable: Samsung Galaxy S2 il ne répond...
Le but est que l' <svg>élément se développe jusqu'à la taille de son conteneur parent, dans ce cas a <div>, quelle que soit la taille de ce conteneur. Le code: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg...
Je dois ajouter des fonctionnalités de conception réactive à mon application Web à l'aide de Twitter Bootstrap. Je veux juste le comportement réactif, je ne suis pas intéressé par la typographie, les composants ou tout autre élément inclus dans Bootstrap. J'ai eu une version personnalisée de...
Étant donné que Twitter Bootstrap est conçu pour être réactif / adapté aux appareils, pourquoi n'utilise-t-il pas des tailles de police
Cela peut sembler une question idiote. Si j'utilise cet extrait CSS pour les affichages réguliers (Où box-bg.pngest 200px par 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } et si j'utilise une requête multimédia comme celle-ci pour cibler les...
J'ai ce code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text...
J'essaie de créer une forme comme dans l'image ci-dessous avec un bord incliné d' un seul côté (par exemple, le côté inférieur) tandis que les autres bords restent droits. J'ai essayé d'utiliser la méthode border (le code est donné ci-dessous) mais les dimensions de ma forme sont dynamiques et je...
EDITED: Peut - être devrais-je demander quel sélecteur configure le rembourrage latéral lorsque l'écran est réduit à une largeur inférieure à 480px? J'ai parcouru bootstrap-responsiveness.css pendant un certain temps pour localiser cela, mais rien ne semble affecter cela. Original Je souhaite...
Comment espacer précisément les requêtes multimédias pour éviter les chevauchements? Par exemple, si nous considérons le code: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /*...
J'ai actuellement quelque chose comme: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div
Depuis Bootstrap 3, il n'y a plus de fichiers séparés pour les feuilles de style réactives et standard. Alors, comment puis-je supprimer facilement les fonctionnalités réactives?
Comment rendre un iframe réactif, sans assumer un rapport d'aspect? Par exemple, le contenu peut avoir une largeur ou une hauteur inconnue avant le rendu. Remarque, vous pouvez utiliser Javascript. Exemple: <div id="iframe-container"> <iframe/> </div> Dimensionnez-le de telle...
J'ai de la difficulté à obtenir que mon contenu de navigation / barre latérale (à l'aide de Bootstrap) s'affiche (soit étendu) par défaut sur le bureau et fermé par défaut sur mobile et que l'icône ne s'affiche que sur mobile. Je n'arrive pas à faire fonctionner cela. <nav class="menu menu-open"...