J'utilise la pagination Bootstrap, tous les exemples ici l’utilisent alignée à gauche du parent; dans les cas où je souhaite l’aligner au centre, horizontalement; j’ai essayé le style en ligne margin: 0 auto
et display: inline-block; or block
et bien d’autres façons, mais cela ne fonctionne toujours pas, je peux le voir dans Chrome Dev Tools .pagination
classe qui a défini padding-left: 0;
qui a cessé d'être centré, à partir de l'outil de développement, je peux décocher la ligne de padding-left: 0;
et il devient centré;
http://getbootstrap.com/components/#pagination
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
Donc, pour la substitution, je sais qu’il est facile de la remplacer par une autre valeur, mais si je passe à un autre numéro spécifique, il ne répondra pas aux changements de dimension de la fenêtre, j’ai essayé de définir padding: auto;
mais auto semble pas valide pour le rembourrage? Je me demande s'il y a un moyen de le remplacer pour qu'il soit indéterminé? comme le décocher de DevTool?
Réponses:
1 pour la réponse № 1Essayer de mettre text-align: center;
sur le conteneur parent du conteneur nav. Dans cette page ici cela fonctionne bien si vous le faites avec des outils de développement. Trouvez la classe .bs-example
et ajouter text -align: center
trop voir que ça marche là.
Curieusement le padding-left: 0;
le maintient effectivement centré grâce au bouton / espace fantôme situé à gauche de la flèche de navigation de gauche.