奇怪的twitter bootstrap工具提示行为

Question

我试图在div上放置工具提示，试图解释我正在处理的用户界面。

在右侧div上，工具提示显示正常，以及我想要的方式。

在我的UI的另一端是一个工具提示，最终覆盖整个div！我希望它像其他div显示一样显示。

以下是

的html

工作版：

  <div id="percentCompleteDiv"
                   class="container top-profile well text-center"
                   style="border-radius:3px;"
                   data-placement="right"
                   data-trigger="manual"
                   data-content="Displays the completion percentage
                   progress of the current upload"
                   data-original-title="Completion Percentage"
                   rel="popover">
                <h4 style="color:#555;">Complete Pct:</h4>
                <h3 id="uploadpercent">0%</h3>
              </div>

不工作版本：

<div class="container text-center well"
               data-placement="left"
               data-trigger="manual"
               data-content="Displays the current cost of this Job.
               For more information on pricing see our pricing page"
               data-original-title="Estimated Cost"
               rel="popover">

如何让它在左侧正确显示？