如何根据屏幕大小在 Bootstrap 中调整按钮和标签的大小

【问题标题】：How to resize buttons and labels in Bootstrap according to screen size如何根据屏幕大小在 Bootstrap 中调整按钮和标签的大小
【发布时间】：2013-08-16 11:12:47
【问题描述】：

我是 css 和 bootstrap 的初学者。我正在使用 Bootstrap 的稳定版本 2.3.2。

注意：我的项目中包含的唯一 css 文件是（以相同的顺序）-

bootstrap.css
stickyfooter.css（用于页面底部的粘性页脚）
style.css（我对某些样式的自定义覆盖）
bootstrap-responsive.css

除了.btn 和.label 类之外，Bootstrap 框架的所有响应式功能都运行良好。它们不会根据屏幕尺寸缩放（更小/更大）。有什么替代方法可以实现吗？

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

是的！在<div> 上使用通常的响应类并在其中制作一个块级按钮。

<div class="span2">
    <button class="btn btn-block">My Button</button>
</div>

demo

【讨论】：

所以我需要为此使用container-fluid 和row-fluid？这些在 2.3.2 中有效吗？
不，这只是我个人的喜好。这只是常规的响应式东西。
对我来说有点晚了。但这似乎只是调整按钮的宽度，而不是像使用 btn-sm 或 btn-lg 那样使它们变小或变大。
是的，通常是这样的。引导按钮上的高度非常适合移动设备。 normal 是可点击的，lg 是非常可点击的，sm 可以点击但你可能会错过。我认为引导程序中没有任何比例修饰符。