Question

我正在尝试逐步将大型现有的rails 4应用程序移动到Bootstrap。有没有办法只使用只有一定布局而不是其他布局的引导程序？或者我可以在某个身体标签内使用引导程序吗？我试图避免在所有现有视图中引入自举字体样式等。

我正在使用资产管道。以下是我在application.css.scss文件中使用Bootstrap css的方法：

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

Answer 1

假设您有两个布局文件， application.html.erb 和 admin.html.erb 。然后，您只需创建两个不同的清单文件， application.css.scss 和 admin.css.scss 。但是，您还应该为Bootstrap创建一个单独的CSS文件， bootstrap_custom.css.scss 。

<强> bootstrap_custom.css.scss

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

注意：您不希望在清单文件中使用@import，因为每次都需要重新编译，从而减慢开发速度。相反，请尽可能使用require！

<强> application.css.scss

//= require bootstrap_custom
//= require_tree .

<强> admin.css.scss

//= require_tree .

然后，相应地在你的布局文件中

<强> application.html.erb

<%= stylesheet_link_tag "application" %>

<强> admin.html.erb

<%= stylesheet_link_tag "admin" %>

现在，您的应用程序布局具有引导程序，而管理程序布局则没有。

Answer 2

Bootstrap只会在它所调用的网页上的选择器中关联的类上调用。您可以调用仅在您希望它应用的页面上加载引导程序。

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

2 个答案: