我正在尝试使用这个 grid/Bootstrap例如,作为我要绘制的许多图表的网格布局。
这是我的 FIDDLE .在此示例中,我仅使用代表我的图表的占位符。我的问题是如何使图表正确地适合这些插槽?
据我了解,在此示例中,我可以只更改图表 ( {width: 300, height: 240}
) 或占位符的大小。但我想做相反的事情并能够更改 div 容器宽度 <div class="container">
以适应图表的大小。
还有这个 html/css 适应(响应)屏幕尺寸的问题,因为如果屏幕尺寸变窄,占位符会堆叠起来。
我知道这个问题可能有点宽泛,但如果可能的话,我会很感激这方面的一些指示。
最佳答案
如果您使用的是 bootstrap 4,请为 img 的 bootstrap 3 类添加 .img-fluid 或 .img-responsive
关于html - 如何将 div/占位符放入 bootstrap 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49683858/