如何在bootstrap的响应式网格系统中嵌入sigma.js图形容器div

Question

我正在使用 bootstrap 作为我的网站项目的主要前端框架，并使用sigma.js作为图形可视化库。

...

<div id="graph-container" style="width: 540px; height: 300px;">
</div>

<script>
    ...

    $(document).ready(function() {
        s = new sigma({ graph: graph, container: 'graph-container' })
    });
</script>

我正在努力的是删除那些硬编码的图形容器大小，并将其布局委托给bootstrap的网格系统。

但是，当我只是删除样式属性时，它只会缩小为空。

有没有办法在 bootstrap 的网格系统中无缝嵌入 sigma.js ？

Answer 1

使用width:100%将sigma的宽度委托给bootstrap很容易。

但是对于身高而言，如果你不想要一个像素值，那就更难了（对于％，所有父元素必须具有相对高度）。

如果您不想要内联代码，可以将样式放入css文件中。