Question

前段时间我一直在研究rails应用程序并修改了Bootstrap v2.3.1并在框架上构建了应用程序。今天，我通过凉亭引入了最新版本的bootstrap（v3.2.0）并使用它实现了一些功能。

由于引导程序升级，使用以前版本实现的某些样式变得混乱。（主要是css问题），我通过覆盖css来修复大多数这些问题以恢复原始样式，但Modal框（特别是）似乎很难覆盖。

.hide类（以及其他一些）似乎在2个引导版本之间不兼容。使用bootstrap v2.3.1，我的原始模态框弹出窗口被隐藏并显示为：

.hide {
  visibility: hidden !important; 
  width: 0 !important; 
  height: 0 !important; 
  line-height: 0; 
  padding: 0 !important; 
  margin: 0 !important; 
}

和

.hide:after {
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   line-height: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
}

和几个类似的课程。

现在使用bootstrap v3.2.0，在前一个样式中实现的模式框只显示隐藏模式框的暗色背景。

我想在没有进入并覆盖每个模态框的css的情况下解决这个问题。有没有人对此有任何好的解决方案？

也许是新引导版本中模态框的替代类？

Answer 1

Bootstrap 2.3.2对模态使用以下内容：

 <div class="modal hide fade">
....

Bootstrap 3.2.0使用：

<div class="modal fade">
....

轻松修复

Bootstrap v2.3.1 vs v3.2.0：CSS / JS问题

1 个答案: