Bonjour,

J'ai un souci avec l'utilisation de Bootstrap

Actuellement le souci est corrigé mais j'avais un contenu dépassant d'un conteneur et j'ai dû utiliser la technique du "clear:both" pour régler le souci.

Le truc c'est que j'utilise Boostrap donc je suis étonné de devoir utiliser cela, normalement le framework a été conçu pour gérer ce genre de souci.

Est ce que vous pourriez me dire si l'utilisation que j'ai fait de Bootstrap n'est pas cohérente?
Je mets la page qui posait problème: http://www.ambassades-en-ligne.com/contactez-nous.html
Sans le code suivant, le conteneur en question était "overflowé" par son contenu

.bloc_important:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

ma structure de page est la suivante:
1 bloc ".container"
1 bloc ".row"
2 blocs ".col-" pour gérer des colonnes responsive
A l'intérieur de chacun un bloc ".blocimportant" pour mettre un encadré autour du bloc
un formulaire dans le bloc de droite qui dépasse du conteneur sans le code indiqué

Peut-être que j'ai oublié une classe à utiliser?

2 réponses


Maenhyr
Réponse acceptée

Bonjour,

tu as oublié la classe .form-horizontal dans ton <form>.

Xt0F714
Auteur

Merci beaucoup!
Je me doutais qu'il me manquait un truc mais je ne savais pas quoi...