在引导面板中旋转图像

Question

我在bootstrap面板中有一个图像，我想添加功能，当我可以点击一个旋转按钮，图像将旋转。 我得到了以下内容：

.rotate{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg); // IE9 only
          transform: rotate(90deg);
}

如果我将类添加到我的img它会旋转90度但它从面板中出来，它会停止遵循宽度和高度限制，只需旋转到位。 有没有办法做到这一点？我的意思是旋转图像，使其仍然在面板的边框中。

修改 我得到了这个：http://jsfiddle.net/jjbjn160/ 它溢出了面板的左侧，我希望它适合面板。

Answer 1

将面板的样式设置为overflow：hidden。

.panel {
  overflow: hidden;
}