Twitter Bootstrap中的按钮样式

Question

我刚开始使用Bootstrap而且我在最初阶段陷入困境。我正在尝试修改marketing-narrow.html（来自docs / examples的默认示例）以使显示按钮变小。

我改变了

 <a class="btn btn-large btn-success" href="#">Sign up today</a>

到

 <a class="btn btn-small btn-success" href="#">Sign up today</a>

并且在视觉上没有任何变化！我做错了什么？

Answer 1

他们使用此规则覆盖某些属性：

.jumbotron .btn {
     font-size: 21px;
     padding: 14px 24px;
}

下划线影响是。{1}}和btn-small在.jumbotron上下文中相同。

---

删除btn-large类，以便btn-small按预期工作：

jumbotron

Answer 2

超小按钮HTML：

<button class="btn btn-warning  btn-xs" type="button">Extra small button</button>
<button class="btn btn-success  btn-xs" type="button">Extra small button</button>

http://twitterbootstrap.org/bootstrap-css-success-buttons/