Ruby on rails 引导模型无法使用最新版本'；自举scss'；rails4中的gem

我正在尝试编写Ajax代码来呈现模型表单。所以，我尝试了来自web的示例代码，该代码是在“bootstrap sass 2.3.2.2”中编写的，在那里它运行良好。

但是，当我尝试使用最新的“bootstrap sass 3.3.0.1”（按照bootstrap sass配置进行配置）时，它在rails 4中不起作用。这是模型的样子。有时我看到模型根本没有启动。

以下是我的配置设置：

“Gem”文件：

“assets/stylesheets/bootstrap_config.scss”：

---

请帮助我进行正确的配置。提前感谢

Bootstrap v3与Bootstrap v2不向后兼容。您需要按照官方迁移指南将网页移植到v3：

在许多其他更改中，引导模式所需的HTML在v3中有所不同。

谢谢

将代码迁移到v3后，它工作正常

旧代码（引导sass v2.3.2.2）：

新（工作）代码（引导sass v3.3.0.1）：

标题
/div>

gem 'bootstrap-sass', '~> 3.3.0'
gem 'sass-rails', '>= 3.2'
gem 'autoprefixer-rails'

@import "bootstrap-sprockets";
@import "bootstrap";

<div id="productModal" class="modal fade">
    <div class="modal-header">
        <!-- Model Title -->
    </div>
    <div class="modal-body">
    <!-- Content -->
  </div>
  <div class="modal-footer">
    <!-- Footer -->
  </div>    
</div>

<div id="productModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="productModalTitle" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <!-- Model Title -->
          <h4 class="modal-title" id="productModalTitle">Title</h4>
        </div>
        <div class="modal-body">
            <!-- Content -->
          </div>
          <div class="modal-footer">
            <!-- Footer -->
          </div>    

      /div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->