根据页面大小调整组件大小的Bootstrap方法

Question

是否有 bootstrap方式根据页面大小调整引导程序组件的大小？不隐藏或显示它，我希望相同的引导程序组件根据页面大小更改其大小。 例如，我有一个按钮组，显示大屏幕btn-group-lg，同一按钮组使用btn-group-sm类用于小屏幕。

注意：我知道如何通过使用javascript来实现，我只问引导方式。

Answer 1

是的，通过媒体查询，您也可以（比如说div）执行col-sm-4 col-md-8并根据显示大小相应地调整大小（如果空间不足则移位）。

结帐http://getbootstrap.com/css/#grid

它甚至直接引用了我之前谈到的媒体查询。

如果您需要对元素大小进行极端细粒度控制，则不应直接使用bootstrap。通过它实现bootstrap较少的css或sass构建并添加你需要的东西。这很容易做到，网站上有详细的说明。

如果您只是希望自己的元素调整大小，并且它不是引导元素，那么通过与引导框架一起加载的附加CSS文件来执行此操作。