twitter-bootstrap - 更改按钮的 css 颜色属性

Question

如何更改引导框架中按钮的 css 颜色属性？例如，我的一个按钮...

<button type="button" id="button1" class="btn btn-primary btn-large" onclick="checkAnswer(0)">Some text</button>

一些 jQuery...

$(document).ready(function(){
  // Wrong answer! The selected button turns red.
  $("#button1").click(function(){
      $("btn-primary").css("background-color", "red");
  });
});

谢谢。

Answer 1

如果评论没有任何意义:)，这里是代码

<button type="button" id="button1" class="btn btn-primary btn-large" onclick="checkAnswer(0)">Some text</button>

<script type="text/javascript">
$("#button1").click(function() {
    $(this).css('background-image','none')
    .css('background-color','#FF0000') //red
});
</script>

Answer 2

如果您不想更改样式表，则可以通过更改类来使用不同的引导选项，红色：

class="btn btn-danger btn-large"

或蓝色：

class="btn btn-primary btn-large"

http://getbootstrap.com/css/#buttons-options