调整Twitter-Bootstrap中的button大小
我正在开发一个移动友好的networking应用程序，我想要一个简单的用户界面，其中包括巨大的安德烈巨人可以轻松地点击它们的button。
问题是，我没有看到简单的方式显式调整引导button的宽度或高度设置为百分比，像素数量，或者只是让他们填充他们的容器。 在使用'btn btn-small'或'btn btn-large'类之外，是否有一种大大扩大button的规范方法，或者这被认为是一种不好的做法？
Bootstrap是一个很好的框架，但并不包括所有的东西。 它知道和使用其OOCSS原则应该扩展到您的需求。
如果我自己调整Bootstrap组件，通常会创build一个bootstrap-extensions.css文件，其中包含基本组件的任何扩展，例如一个超大button。
以下是一个扩展类如何在框架中添加一个新的button族的示例实现。 这个例子还包括一个使用.btn-block的例子，它已经包含在框架中。
CSS：
/** * Extra large button extensions. Extends `.btn`. */ .btn-xlarge { padding: 18px 28px; font-size: 22px; line-height: normal; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
演示： http : //jsfiddle.net/Pspb9/
@ amustill的答案很容易适应Bootstrap 3.1.0 ：
.btn-xl { padding: 18px 28px; font-size: 22px; border-radius: 8px; }
jsFiddle ： http : //jsfiddle.net/Abdull/2rkkJ/
随着这种适应自动来:hover变暗和:active阴影插入 。
