Pagination i align-items-center? Szukam specjalisty od bootstrapa 5 :)

Question

Cześć! 

Chciałbym nawigację paginacji wyśrodkować względem tekstu obok i chciałbym zapytać czemu nie działa mi ona?

używam do tego "align-items-center".

Co robię nie tak?

<div class="row justify-content-center">
							<div class="col-md-6 text-center mt-3 text-md-start" style="background:red;"> <span class="">Ilość rekordów <span class="badge text-bg-dark" id="historyTableNavLength"></span></span></div>
							<div class="col-md-6 text-center mt-3 text-md-start" style="background:white;">
								<nav aria-label="Page navigation" id="historyTableNav">
									<ul class="pagination d-flex justify-content-center justify-content-md-end align-items-center">
										<li class="page-item">	<button data-pages-action="prev" class="page-link">Poprzednia</button>	</li>
										<li class="page-item">	<button data-pages-action="prevgo3" data-id="" class="page-link"></button>	</li>
										<li class="page-item disabled">	<button data-pages-action="prevgo2" class="page-link">...</button>	</li>
										<li class="page-item">	<button data-pages-action="prevgo1" data-id="" class="page-link"></button>	</li>
										<li class="page-item">	<button data-pages-action="go" data-id="" class="page-link"></button>	</li>
										<li class="page-item">	<button data-pages-action="nextgo1" class="page-link"></button>				</li>
										<li class="page-item disabled">	<button data-pages-action="nextgo2" class="page-link">...</button>	</li>		
										<li class="page-item">	<button data-pages-action="nextgo3" data-id="" class="page-link"></button>	</li>
										<li class="page-item">	<button data-pages-action="next" class="page-link">Nastepna</button>	</li>
									</ul>
								</nav>
							</div>
						</div>

 

Comments

Proszę, wstaw kod do bloczka.

Obrazek jest nieczytelny.

---

Edytowałem post, lecz żeby dodać lepszy obrazek nie jestem wstanie niestety:/

---

@Flaven, chodzi ci o te białe tło i nierówne rozmieszczenie względem zamalowanego na czerwono tekstu, tak?

---

Tak jest. Ta klasa "align-items-center" w ogóle na prawą stronę nie działa, powinna również znajdować się na środku wysokości jak ten obok, mam rację?

---

no, tylko jak by to ugryźć.

---

@Flaven, a konkretniej to o co chodzi z tym działaniem w prawa stronę?

---

Chodzi o to, że nie "centruje" pionowo. Zobacz lewą stronę a prawą. Widzisz różnicę? Czerwony prostokąt jest na środku pionowo, a prawy jakby tak przyklejony do góry. A powinien też się znajdować na środku, żeby paski te białe u góry i na dole pojawiły się takie same.

---

<ul class="pagination d-flex justify-content-center align-items-center pt-3"> będzie ok? ;)