如何在 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 文件中。