根据页面大小调整组件大小的引导方式



是否有引导方式根据页面大小调整引导组件的大小?不隐藏或显示它,我想要相同的引导组件根据页面大小改变其大小。例如,对于大屏幕,我有显示btn-group-lg的按钮组,对于小屏幕,相同的按钮组使用btn-group-sm类。

注意:我知道如何使用javascript,我只要求引导的方式。

是的,通过媒体查询,您也可以(比如div)执行col_sm -4 col_md -8,并根据显示大小相应地调整列的大小(如果没有足够的可用空间则会移动)。

查看http://getbootstrap.com/css/#grid

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

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

如果你只是想调整你自己的元素的大小,它不是一个引导元素,然后通过一个额外的CSS文件,你加载与引导框架。

最新更新