显示：表内的引导响应表 [英] Bootstrap responsive table within display:table

问题描述

我有一个Bootstrap响应表其中 div 与 CSS display：table 。这似乎阻止了表的响应。如何使表格响应，而不改变外部 CSS ？

I have a Bootstrap responsive table which is within a div with the CSS display:table. This seems to be preventing the table from becoming responsive. How can I make the table responsive without changing the outer CSS?

JsFiddle

For reference, display:table is used to create a "sticky footer": How to create a sticky footer that plays well with Bootstrap 3

解决方案

If you don't want to change the current css you have to make your text responsive to fix this problem.
set the font size and instead of px use vm, vw, vh or vmin These suffixes make your text responseive.

这篇关于显示：表内的引导响应表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！