html - 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;
}

下划线的影响是，btn-small并且btn-large在 .jumbotron 上下文中是相同的。

---

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

<div>
        <h1>Super awesome marketing speak!</h1>
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <a class="btn btn-small btn-success" href="#">Sign up today</a>
</div>

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/