Bootstrap button text color

Question

I am using the bootstrap 3 custom buttons but cant for some reason change the brand text colour nor the dropdown triangles. i've tried a couple of things, but still no luck...

<div class="container">
        <div class="row" style="margin-top: -30px;">
             <ul class="nav nav-tabs" role="tablist">

  <li class="dropdown" style="margin-right: 70px; margin-left: 60px;" >
    <a class="btn btn-inverse :active" data-toggle="dropdown" href="#">
      Wristbands <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      ...
    </ul>
  </li>
  <li class="dropdown" style="margin-right: 70px;">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Hawaii <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      ...
    </ul>
  </li>

Answer 1

In your example, I don't see any text in the navbar-brand div. Is that what you're talking about?

Anyhow, to answer your question, if you have text in navbar-brand, you'd use something like:

.navbar-default .navbar-brand {
  color: blue !important;
}

And for the dropdown arrows, something like:

span.caret {
  color: red;
}