Chihuahua
rrreee/mo
- 5 Matches Per Day
- 10 Messages Per Day
- Unlimited App Usage
Labrador
/mo
- Unlimited Matches
- Unlimited Messages
- Unlimited App Usage
Mastiff
/mo
- Pirority Listing
- Unlimited Matches & Messages
- Unlimited App Usage
Je m'entraîne actuellement à utiliser Bootstrap pour créer une page de destination. Cependant, je suis confronté à des problèmes de mise en page, le conteneur ne correspond pas à la taille d'écran appropriée. Les côtés gauche et droit sont déséquilibrés, ce qui entraîne une inclinaison de l'écran vers la gauche.
Voici une capture d'écran (lien) illustrant le problème : texte
J'ai essayé différentes méthodes mais je n'ai pas pu résoudre le problème. Je soupçonne que cela pourrait être un problème avec le système de grille ou les paramètres du conteneur dans Bootstrap.
Quelqu'un peut-il me guider sur la façon de dépanner et de résoudre ce problème de mise en page ? Toutes les suggestions ou idées seraient grandement appréciées.
Voici également quelques extraits de code pertinents :
TinDog ![]()
Meet new and interesting dogs nearby.
Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
"I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof."
![]()
Pebbles, New York
![]()
![]()
![]()
![]()
A Plan for Every Dog's Needs
Simple and affordable price plans for you and your dog.
Chihuahua
rrreee/mo
- 5 Matches Per Day
- 10 Messages Per Day
- Unlimited App Usage
Labrador
/mo
- Unlimited Matches
- Unlimited Messages
- Unlimited App Usage
Mastiff
/mo
- Pirority Listing
- Unlimited Matches & Messages
- Unlimited App Usage
J'ai également vérifié la syntaxe, les marges et le remplissage des conteneurs. Mais je ne comprends vraiment pas quel est le problème avec ça..
J'apprécie vraiment votre aide, cela m'aide beaucoup en tant que débutant.
Merci d'avance ! !
Vérifiez l'emplacement du conteneur. Dans l'extrait de code, vous utilisez la classe conteneur avec la classe
col-xxl-8
. Assurez-vous que le conteneur enveloppe tout le contenu que vous souhaitez centrer et que la classe col-xxl-8 est appliquée correctement.Et je pense que vous devriez vérifier toutes les classes de conteneurs dans la section fonctionnelle comme celle-ci
col-12 col-sm-8 col-lg-6
用于图像容器,col-lg-6
pour les conteneurs de texte.La barre de défilement horizontale apparaît car lafonctiondéborde partiellement du texte principal de plus de 100 %. Ajoutez la classe Bootstrap
mw-100
,相当于在CSS中设置max-width: 100%;
.Voir l'extrait de code ci-dessous.