css - Twitter Bootstrap のオーバーライドが機能しない

Question

btn-primaryBootstrapの要素をオーバーライドしようとしています。私はローカルファイルを介してこれを行います/public/styles.css。

ジェイドとスタイラスの両方を使用しました。background-colorただし、のを変更することはできませんbtn-primary。

理由はありますか？

doctype 5
html(lang="en")
 head
   link(rel='stylesheet',href='http://getbootstrap.com/dist/css/bootstrap.css')
   title=pageTitle
   link(rel='stylesheet',href='http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css')
   link(rel='stylesheet', href='/public/styles.css')
 body
   h1 MyJade - node template engine
   a(class='btn btn-large btn-primary', href='/profile') Large Button

はどこ/public/styles.cssですか:

.btn-primary {
  background-color: black;
}

ただし、ボタンの背景色は Bootstrap のデフォルトの青のままです。

Jade ファイルとまったく同じコードのタグを使用してみstyleましたが、動作しませんでした。

何か案は？