Bootstrap CSS Classes

Bootstrap CSS class .navbar-text

<nav class="navbar navbar-light bg-light">
  <span class="navbar-text">
    Navbar text with an inline element
  </span>
</nav>

Preview

Are you tired of writing HTML by hand?

CSS source

/* _navbar.scss:84 */
.navbar-text {
  display: inline-block;
  padding-top: $nav-link-padding-y;
  padding-bottom: $nav-link-padding-y;
}

/* _navbar.scss:237 */
.navbar-text {
  color: $navbar-light-color;
  a {
    color: $navbar-light-active-color;

    @include hover-focus {
      color: $navbar-light-active-color;
    }
  }
}

/* _navbar.scss:289 */
.navbar-text {
  color: $navbar-dark-color;
  a {
    color: $navbar-dark-active-color;

    @include hover-focus {
      color: $navbar-dark-active-color;
    }
  }
}

More Bootstrap CSS classes in Navbar category

© 2024 Shuffle. All rights reserved.