首页 > 解决方案 > jsplumb 和引导网格的兼容性

问题描述

jsfiddle 中有这个 jsplumb 工作示例:https ://jsfiddle.net/aleem86s/gpemwumh/12/

如果代码被引导网格 div 包围,则会损坏,如下所示

<div class="row">
<div class="col-md-7" >
      existing jsfiddle code
</div>
</div>

为什么? 它存在 2017 年的类似帖子:jsPlumb 和 Bootstrap 网格

但事实证明,使用建议的库也不起作用

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsPlumb/2.2.9/jsplumb.min.js"></script>

标签: twitter-bootstrapjsplumb

解决方案


推荐阅读