小编Ben*_*Ben的帖子

Bootstrap工具提示会导致网格布局中的表单元素折叠间距

我有一个问题,Bootstrap工具提示导致我的输入字段上的间距崩溃.标记是:

<form>
  <div class="controls controls-row">
    <input class="span4" data-original-title="Default tooltip" rel="tooltip" type="text" placeholder=".span4">
    <input class="span1" data-original-title="Default tooltip" rel="tooltip" type="text" placeholder=".span1">
  </div>
</form>
Run Code Online (Sandbox Code Playgroud)

我只是使用连线的默认值:

$('[rel="tooltip"]').tooltip();
Run Code Online (Sandbox Code Playgroud)

我在这里创建了一个jsFiddle以显示问题:http://jsfiddle.net/bAaQP/2/

请注意,当输入获得焦点时,它会将空白折叠到控件的右侧.

我只是使用Bootstrap 2.2.2中的示例网格表单.表单元素具有相对跨度大小集,并包含在使用controls-row类装饰的div中.

我已尝试使用最新版本的Bootstrap-tooltip.js,但它仍然显示相同的行为.

tooltip twitter-bootstrap

3
推荐指数
1
解决办法
2208
查看次数

标签 统计

tooltip ×1

twitter-bootstrap ×1