Question

在旋转元素上使用工具提示或弹出框时，Bootstrap中存在一个错误。使用下面的CSS时，工具提示会显示一个很大的偏移量。

transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-top: 59px;
width: 100px;
position: relative;
left: -40px;
top: -90px;

我认为工具提示出现在元素未旋转的位置，但让我疯狂的事情是，它曾经与旧版本的bootstrap工作正常，我不能使用它，因为它带来了其他我的代码中没有相关的错误。

不工作（版本当前为v3.2.0） http://jsfiddle.net/urielzen/7xf9m914/

工作精细（旧版） http://jsfiddle.net/urielzen/gh0yuo7w/

我尝试比较两个引导程序JavaScript文件，看看我是否可以只更改使其正确呈现的部分，但我还没弄清楚修复的位置。

我已经提交了这个问题，但同时我想知道是否有人对此有任何解决方法。

提前致谢。

Answer 1

在bootstrap.js中注释这些行将解决这个问题......直到在新版本中实现官方解决方案。

  width:  isBody ? $(window).width()  : $element.outerWidth(),
  height: isBody ? $(window).height() : $element.outerHeight()

https://github.com/twbs/bootstrap/issues/14553

旋转元素使得twitter引导工具提示/弹出窗口渲染不正确（带偏移）

1 个答案: