bootstrap 5 dziwne pogrubienia przy "btn-group btn-outline-dark" gdy jest zmieniana wielkość okna

Question

Witam!

Mam pewien problem... Piszę obecnie projekt strony i stworzyłem przyciski do zmiany strony (kod poniżej). Żeby zobaczyć o co mi chodzi proszę użyjcie poniższego kodu, aby wyświetlić stronę z tymi przyciskami i zacznijcie zmieniać rozmiar okna. Czasami pojawiają się takie dziwne pogrubienia pomiędzy przyciskami. W takim razie jak pozbyć się tych dziwnych pogrubień?

Korzystam z boostrapa w wersji 5.

kod:

<div class="d-flex justify-content-center mb-2">
  <div class="btn-group shadow">
    <a href="" class="btn btn-outline-dark">Poprzednia</a>
    <a href="" class="btn btn-outline-dark">1</a>
    <a href="" class="btn btn-outline-dark">2</a>
    <a href="" class="btn btn-outline-dark active">3</a>
    <a href="" class="btn btn-outline-dark">4</a>
    <a href="" class="btn btn-outline-dark">5</a>
    <a href="" class="btn btn-outline-dark">6</a>
    <a href="" class="btn btn-outline-dark">Następna</a>
  </div>
</div>

Dziwne pogrubienie, które mi przeszkadza:

Z góry dziękuje za pomoc!!!

Answer 1

A dlaczego nie użyjesz gotowego rozwiązania dla paginacji, skoro i tak już korzystasz z bootstrapa? https://getbootstrap.com/docs/5.0/components/pagination/

Comments

A jak zrobić, żeby za pomocą tej paginacji uzyskać taki sam efekt (z wyjątkiem tego pogrubienia) jak na obrazku w pytaniu?

---

Chodzi o kolory? Masz tam niżej: https://getbootstrap.com/docs/5.0/components/pagination/#variables najpoprawniej byłoby podmienić kolory w tych zmiennych poprzez SASS. Raczej nie polecam nadpisywania stylów w osobnym pliku. Miałbyś wtedy bardziej poprawną paginację, bo stworzoną w formie listy i jakąś gwarancję, że osoby odpowiedzialne za rozwijanie bootstrapa przewidziały te style pod paginację i tak łatwo się ona nie "wysypie".