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

Question

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

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

1. bootstrap.css
2. stickyfooter.css（页面底部的粘性页脚）
3. style.css（我的一些样式的自定义覆盖）
4. 自举-responsive.css

除了.btn和.label类之外，Bootstrap框架的所有响应功能都能正常工作。 它们不会根据屏幕尺寸进行缩放（更小/更大）。任何替代方法来实现这一目标？

Answer 1

是的！使用<div>上常用的响应类并在其中创建块级按钮。

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

demo