Jquery 引导偏移和HTML5画布

我有一个画布可以使用jQuery绘制，但是我在将它与引导集成时遇到了一个问题。更准确地说，当我把

col-lg-offset-4

在我的课堂上，画布停止响应我的点击

以下是引导层：

请注意，如果删除偏移，然后再次运行，它将开始正常工作。在Bootply上试一试

任何帮助都将不胜感激。我试图解决这个问题已经太久了

---

谢谢。

只需使用

col-lg-offset-4

而不是

col-lg-4 col-lg-offset-4

即可。快速修复

<div class="row">
    <div class="col-lg-offset-4">
        <div class="example" id="drawing">
            <h1>Drawing with the mouse</h1>
            <canvas></canvas>
            <button id="erase">Erase</button>
        </div>
    </div>
</div>

---

用偏移量编码。

非常感谢。只有一个问题，

col-lg-offset-4

是否自动为画布本身设置

col-lg-4

？如果我在行中有多个内容，并希望它们有专门指定的列，该怎么办？最初，我的偏移量为1，然后div为3，canvas为4，然后div为3，最后偏移量为1。我怎样才能确保我画的东西是在画布上，而不是在看不见的地方？谢谢你。等一下，我将提供一个解决方案。基本上，您只需要调整如何在JavaScript中获得鼠标位置。@user4052205好的，请查看我更新的答案，了解如何根据偏移量更新鼠标绘图位置。非常感谢您的帮助。很好！

<div class="col-lg-4 col-lg-offset-1">

var offsetL = $(this).parent().offset().left;
var offsetT = this.offsetTop + $(this).parent().offset().top - this.offsetLeft; 
addClick(e.pageX - offsetL, e.pageY - offsetT, true);
redraw();