Comment puis-je mettre les éléments suivants sur la même ligne? Je sais que cela a à voir avec la propriété d'affichage, mais c'est celui qui me soulevez toujours et ne peut jamais sembler aller au travail.
http://jsfiddle.net/mgcdu/4137/ p>
html: p> CSS: p > .small-video-section {
height: 134px;
}
.thumbnail-container {
width: 220px;
margin-top: 15px;
margin-right: 20px;
display: inline-block;
}
.thumbnail-last {
width: 220px;
margin-top: 15px;
display: block;
}
5 Réponses :
Changer Affichage: Bloc TO Affichage: Inline-Block Dans votre .Thumbnail-Dernière règle le fera.
Essayez Float: laissé sur les divs. Cela permettra à chacun de s'afficher en ligne. D'autres éléments de blocs sages introduisent une pause
Vous pouvez utiliser note, vous devrez utiliser Clearfix que M. Gallagher explique joliment ou suive avec n'importe quel élément qui a Vous pouvez les positionner Absolument puis positionner une par une à l'aide de EDIT: N'a pas remarqué les DIV, vous devez mettre des float à gauche sur ceux que quelqu'un d'autre mentionné, mais les deux options fonctionnent techniquement dans votre cas. Theres probablement une douzaine de façons de faire cela ... flotteur: gauche ou flotteur: droite clair: les deux; sur celui-ci pour obtenir les résultats que vous attendez. gauche et droit ou margins
Essayez ce code: - Utilisez uniquement Tout votre code est ok. Mais, je n'ai ajouté que dans la partie HTML. lien de mise à jour: - http://jsfiddle.net/mgcdu/4148/ Son amende fonctionnelle. flotteur: gauche
C'est un ancien poste, mais il est des cames lors de la recherche d'éléments de place sur la même ligne avec Bootstrap, donc je vais aider les autres.
BOOSTRAP a la classe de formulaire en ligne pour placer certains éléments sur la même ligne (il est laissé aligné). de
Bootstrap CSS Formulaire en ligne
Ce n'est pas une forme qu'il fait, alors Le système de grille de bootstrap serait une meilleure solution.
Avec le système de grille, il est difficile de forcer des éléments à être sur la même ligne sans utiliser la propriété d'affichage
Essayez ce code posté ci-dessous.