CSS在引導模式不適用於我的Rails應用程序

Rails的版本：4.1.1

的Gemfile：

gem 'bootstrap-sass', '~> 3.2.0' 
    gem 'bootstrap3-datetimepicker-rails', '~> 3.0.2' 
    gem 'bootstrap-validator-rails'

Application.css.scss（前3進口，不要求指令）

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

的application.js

//= require jquery 
//= require jquery.flexslider 
//= require jquery.turbolinks 
//= require jquery_ujs 
//= require jquery-ui/autocomplete 
//= require ./plugins/bootstrap-select.js 
//= require ./plugins/jquery.form.js 
//= require bootstrap-datetimepicker 
//= require bootstrapValidator.min 
//= require bootstrap-sprockets 
//= require_tree .

HTML模式：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title" id="myModalLabel"> Title </h4> 
    </div> 
    <div class="modal-body"> 
     <%= render partial: 'modal_body' %> 
    </div> 
    <div class="modal-footer">  
     <button type="button" class="btn btn-primary">Mark</button> 
    </div> 
    </div> 
</div> 
</div>

我能夠渲染模式，但模式佔用窗口的整個寬度。

來源

2016-01-23 sotn

發表您的HTML模式的代碼以及 –

@RameshKumarThiyagarajan更新。 – sotn

相反的Application.css.scss，

重命名你的文件到Application.scss。

mv Application.css.scss Application.scss

來源

2016-01-23 20:24:41 Jefferson

重命名不起作用。 – sotn

CSS在引導模式不適用於我的Rails應用程序

回答

相關問題