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

Question

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

注意:我在元素中包含的唯一 css 文件是(按相同顺序)-

1. bootstrap.css
2. stickyfooter.css(用于页面底部的粘性页脚)
3. style.css(我对某些样式的自定义覆盖)
4. bootstrap-responsive.css

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

Answer 1

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

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

demo