html - 如何将 div/占位符放入 bootstrap 网格

标签 html css bootstrap-4

我正在尝试使用这个 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/

相关文章:

jquery - 动画 3 DIV 的 onClick

javascript - 3d 翻转动画在 chrome 中不起作用

javascript - Vue 是否可以使用 Prop 进行造型? (SCSS/SASS)

twitter-bootstrap - Bootstrap 4 中列的高度相等

html - 着陆页下拉元素水平显示

javascript - 在 Jquery 中单击和未单击元素时不同的悬停颜色

css - 在图像上做一个正方形?

bootstrap-4 - Bootstrap 4 scss 文件

javascript - 在 Canvas 中创建随机形状

javascript - 如何让div元素内联显示(其他版本)