Bootstrap panel
atk
-
jordane45 Messages postés 40050 Statut Modérateur -
jordane45 Messages postés 40050 Statut Modérateur -
Bonjour,
J'ai créer plusieurs panels sous bootstrap, et ceux-ci sont complètement en désordre.
La taille d'un panel est de col-md-4, il y a trois "rangées", et ceux-ci ne vont pas automatiquement vers la gauche.
Par exemple tout à gauche j'ai un panel plus petit que ceux de droite, et les panels vont s'empiler sur le côté droit, et au moment ou un s'empile sur le côté gauche, il y a un énorme vide entre celui-ci et l'élément du haut.
j'espère avoir été assez explicite.
J'ai créer plusieurs panels sous bootstrap, et ceux-ci sont complètement en désordre.
La taille d'un panel est de col-md-4, il y a trois "rangées", et ceux-ci ne vont pas automatiquement vers la gauche.
Par exemple tout à gauche j'ai un panel plus petit que ceux de droite, et les panels vont s'empiler sur le côté droit, et au moment ou un s'empile sur le côté gauche, il y a un énorme vide entre celui-ci et l'élément du haut.
j'espère avoir été assez explicite.
A voir également:
- Bootstrap panel
- Amazon shopper panel - Accueil - Guide confidentialité
- Control panel - Télécharger - Divers Utilitaires
- Nvidia control panel ne s'ouvre pas - Forum Windows
- Comment installer epson smart panel sur pc sans cd - Forum Logiciels
- Panneau de configuration Nvidia incomplet ✓ - Forum Carte graphique
2 réponses
Bonjour,
Le mieux pour que tout le monde comprenne et puisse essayer de t'aider.... c'est que tu nous postes ton code et éventuellement une capture écran de ce que tu obtiens.
NB:Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
j'espère avoir été assez explicite.
Le mieux pour que tout le monde comprenne et puisse essayer de t'aider.... c'est que tu nous postes ton code et éventuellement une capture écran de ce que tu obtiens.
NB:Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Bonjour, merci pour ta réponse.
Je suis alternant en entreprise donc il vaut mieux que j'évite de poster du code :/
Côté css pour l'instant je n'ai fais que des panels via bootstrap, donc code bootstrap, et donc pas de css.
J'ai trouvé un sujet qui traite du même soucis que le mien, avec une image qui représente mon soucis : http://www.developpez.net/forums/d1445381/webmasters-developpement-web/mise-page-css/bootstrap-decalage-apres-retour-ligne/
La taille de mes panels à une taille différente à chaque fois, comme l'image du post d'au dessus, j'ai essayé de rajouter du css pur, en mettant un float:left, mais rien n'y change.
Un clear:both me permet bien de tout aligner, mais sur une seul rangé...alors que normalement j'ai trois col-md-4, donc trois rangées
Je suis alternant en entreprise donc il vaut mieux que j'évite de poster du code :/
Côté css pour l'instant je n'ai fais que des panels via bootstrap, donc code bootstrap, et donc pas de css.
J'ai trouvé un sujet qui traite du même soucis que le mien, avec une image qui représente mon soucis : http://www.developpez.net/forums/d1445381/webmasters-developpement-web/mise-page-css/bootstrap-decalage-apres-retour-ligne/
La taille de mes panels à une taille différente à chaque fois, comme l'image du post d'au dessus, j'ai essayé de rajouter du css pur, en mettant un float:left, mais rien n'y change.
Un clear:both me permet bien de tout aligner, mais sur une seul rangé...alors que normalement j'ai trois col-md-4, donc trois rangées
Je suis alternant en entreprise donc il vaut mieux que j'évite de poster du code :/
Je ne vois pas pourquoi......
Pour l'instant je ne peux par regarder ton image (pas accès depuis mon taff...)
Par contre... même sans nous donner le code exact (si vraiment tu n'y tiens pas...) tu pourrais nous fournir uniquement le code de tes panel (sans leur contenu) histoire de voir ce que tu as fais.
Penses également que par défaut Bootstrap ajoute du Margin .... il se pourrait que le souci vienne de là.
Tu pourrais par exemple essayer d'ajouter un
<div class="panel panel-primary col-md-4" style="margin:0px">
bien entendu.. cela dépend aussi dans QUOI tu as mis tes panels.
Sachant qu'il faut bien que ça soit des "panel" et non des "panel-body" .. car eux, par défaut ne se mettent pas côte à côte.
A la limite... là encore en CSS .. tu pourrais essayer d'y ajouter du
style="display: inline-block;"
et pour finir .. dans tes panels.. tu n'aurais pas mis de l'offset par hasard (col-md-offset- ) ??
Et enfin.. lorsque tu as des soucis de CSS ... tu peux, en utilisant un navigateur comme Chrome ou FireFox faire un clic droit sur tes éléments HTML et faire :"Examiner".
