Bootstrapで<button class="btn navbar-btn">のテキストの色を変えたい

Railsでアプリケーションを作成していて、Bootstrapを使っています。

その中でテキストの色を変えたい部分があるのですが、変更ができません。

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <% if logged_in? %>
                <li><%= link_to "OHUSE", creators_path %></li>
                <li><%= link_to "fashioned", creators_fashion_path %></li>
                <button class="btn navbar-btn" data-toggle="modal" data-target="#createTicket">
                  Create
                </button>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    Account <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu">
                    <li><%= link_to "Profile", current_user %></li>
                    <% if current_user.admin %>
                      <li><%= link_to "Manage", kannri_path %></li>
                    <% end %>
                    <li class="divider"></li>
                    <li>
                      <%= link_to "logout", "/logout" %>
                    </li>
                  </ul>
                </li>



              <% else %>
                <li><%= link_to "Log in", '/auth/twitter' %></li>
              <% end %>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<nav class="navbar navbar-inverse" role="navigation">
</nav>



<div class="modal fade" id="createTicket" tabindex="-1" role="dialog" aria-labelledby="dialogHeader" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <%
        creator = Creator.new
      %>
      <%= form_for creator, :url => creators_path(creator), :class => "allow_submit" do |f| %>
      <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title" id="dialogHeader">
        Let's create Ohuse!!
      </h4>
      </div>
      <div class="modal-body">
        <%= f.label :name %>
        <%= f.text_field :name, class: 'form-control' %>
        <%= f.label :description %>
        <%= f.text_area :description, class: 'form-control' %>
          <%= f.label :image %>
          <%= f.file_field :image, class: 'form-control' %>
          <%= f.hidden_field :imagevalue, :value => "test" %>
        <div class="p-tag">
        <%= f.label :tag %>
        ※Enterで区切ってください！
      </div>
        <%= text_field_tag 'creator[tag_list]', creator.tag_list.join(','), :class => 'form-control', "data-role" => "tagsinput" %>
      </div>
      <div class="modal-footer">
        <%= f.submit "Ohuse sending", class: "btn btn-primary", data: { disable_with: "送信中..." } %>
      </div>
      <% end %>
    </div>
  </div>
</div>

わかりづらくて申し訳ないのですが、

<button class="btn navbar-btn" data-toggle="modal" data-target="#createTicket">
  Create
 </button>

の部分です。実際の画面は以下のようになります。

このbuttonタグに他の自作のclassをつけてテキストカラーをつけたりしても変化はありませんでした。
他のオブジェクトに対して自作のclassで見た目を変化させたりはできたので、cssファイルがそもそも読み込まれていないということはないと思います。

解決策をご存知の方、よろしくお願いいたします…