J'utilise Simple_Form avec Zurb Foundation dans mon application Rails.
Une des vues supplémentaires a une forme avec la date_selecte suivante
Les champs de formulaire s'affichent plutôt empilés plutôt que en ligne. J'ai tout vérifié et je ne peux pas comprendre comment les faire apparaître correctement.
Qu'est-ce que je manque? Vous pouvez voir le repo à https://github.com/stanrails/momtomom dans l'événement.html.erb vue.
Le code de la section est ci-dessous:
3 Réponses :
Un de la solution de contournement est d'avoir quelque chose de manuellement comme celui-ci:
form.custom .dropdown.date{
width: 30%;
margin-right: 10px;
float: left;
}
C'est une excellente solution!
Voici une autre prise sur ce que je voulais partager, ce qui finit à ressembler à ceci:
p>
un peu HTML! p>
select.select-date {
width: 30%;
margin-right: 10px;
float: left;
}
.select-date-wrapper{
select:first-of-type{
width: 45%;
}
select:nth-of-type(2){
width: 20%;
}
select:last-of-type{
margin-right: 0;
}
}
J'ai résolu le même problème en vérifiant le code HTML et en modifiant le CSS des balises appropriées:
code> produit: p> #yourModel_date_1i, #yourmodel_date_2i, #yourmodel_date_3i { width: 30%; }
J'ai pris ce que vous avez eu dans l'événement.html.erb et je viens de le faire pure HTML avec la fondation et je n'ai pas eu de problèmes d'affichage. Pourriez-vous éventuellement vomir une capture d'écran montrant quel problème vous voyez? Un JSBIN avec le balisage HTML rendu serait également utile.