Как изменить bootstrap navs?

Question

[jazzus]

Код

<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
            </li>
          </ul>
          <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">...</div>
            <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">...</div>
          </div>

Нужно изменить цвет кнопок с синего на зеленый.
И выровнять все по центру.

Answer 1

[Martovitskiy]

Переопределите стили

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: green;
}

а выровнять классыalign-items-center justify-content-center

Comments

[jazzus]

Спасибо!