Jquery 引导验证错误消息CSS

我正在使用。我面临着css的问题。我在桌子上有文本框。验证工作正常唯一的问题是无法在相应的文本框上方显示错误

上图中的错误应该指向我高亮显示的右文本框，但不是这样发生的。用于着色的CSS I是：

CSS

HTML 每个文本框的宽度为55。这是上表的结构

<form id="myform">
<table>
<tr>
<td>
<input style="width:55px" name="code" />
</td>
<td>
<input style="width:55px" id="type" name="type"/>
</td>
.
.
.
</tr>
</table>
</form>

.
.
.

您还需要为箭头设置css定义：

.popover.error-popover.top .arrow {
    border-top-color: #EED3D7;
    left: 30px;
}

---

使用颜色（style.css）

您能在JSFIDLE或其他地方提供一个在线演示吗？

<form id="myform">
<table>
<tr>
<td>
<input style="width:55px" name="code" />
</td>
<td>
<input style="width:55px" id="type" name="type"/>
</td>
.
.
.
</tr>
</table>
</form>

.popover.error-popover.top .arrow {
    border-top-color: #EED3D7;
    left: 30px;
}