Twitter bootstrap Three.js和twitter引导对象检测错误

我遇到了一个非常奇怪的问题，有好几天我都没办法解决它

我正在一个项目中使用three.js，在某些情况下，当用户用鼠标单击时，它涉及到对象检测。到目前为止，我运行的几个测试都很好，但是当我在应用程序（使用twitter引导）中实现我的代码时，每次的对象检测总是差几个像素

我花了几个小时的搜索，直到我意识到这个问题发生在我的应用程序的各个侧栏！下面是重新创建问题的基本示例的html：

<div class="container">
    <div class="row">
        <div class="span2">
            <!--Sidebar content-->
            Sidebar Content
        </div>
        <div class="span10">
            <!--Canvas Container-->
            <div id="container"></div>
        </div>
    </div>
</div>

边栏内容

您可以通过以下方式查看它的javascript：

它包含一个标准的three.js示例，该示例包装在来自twitter引导的容器中。如果您将鼠标悬停在几个对象上，您会注意到其中一些对象（尤其是背景中的对象）上的鼠标检测非常好

---

我不知道为什么画布元素会受到那些边栏的影响！有什么想法吗？

这是它的复制品，真的！万分感谢WestLangley为框架所做的工作和您的回答！