我可以仅在我的Rails应用程序的一部分上使用Twitter Bootstrap吗？

Question

I'm trying to gradually move a large existing rails 4 app to Bootstrap. Is there any way to just use bootstrap with only a certain layout and not others? Or could I just use bootstrap within a certain body tag? I'm trying to avoid pulling in bootstrap font styling, etc. on all existing views.

I am using the asset pipeline. Here's how I'm using the Bootstrap css in my application.css.scss file:

@import "bootstrap-sprockets";
@import "bootstrap";
@import '*';

Answer 1

Say you have two layout files, application.html.erb and admin.html.erb . You would then simply create two different manifest files, application.css.scss and admin.css.scss . However, you should also create a separate CSS file for Bootstrap, bootstrap_custom.css.scss .

bootstrap_custom.css.scss

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

Note: You don't want to use @import in your manifest files since it will need to recompile each time and thus slow down development. Instead, use require when possible!

application.css.scss

//= require bootstrap_custom
//= require_tree .

admin.css.scss

//= require_tree .

Then, correspondingly in your layout files

application.html.erb

<%= stylesheet_link_tag "application" %>

admin.html.erb

<%= stylesheet_link_tag "admin" %>

So now, your application layout has bootstrap and admin layout doesn't.

Answer 2

Bootstrap仅会在其被调用的网页上的选择器中关联的类上调用。您可以调用以仅在您要应用其的页面上加载Bootstrap。