css - 我可以使用 twitter bootstrap 在同一个网站上使用不同数量的网格列吗？

Question

正如标题所说 - 我可以使用 twitter bootstrap 在同一个网站上使用不同数量的网格列吗？

例如，在 about page 上我想定义一个包含 14 个元素的网格系统，但是在 contact page 上我想使用 8 列网格系统。我可以这样做吗？

我知道有一个名为 @gridColumns 的变量但我可以为不同的页面定义它吗 <div classes>还是有别的办法？

编辑: 有一种方法可以通过使用不同的布局和使用不同的包含文件来做到这一点——前者覆盖 about page 的 css。 , 在后面的布局中包含 contact page 的 css .我认为这可以做到，但有更好的方法吗？

Answer 1

好的，看来我找到方法了。至少这是我确定的方式之一。它目前正在运行，但我会进一步调查，如果我找到更好的解决方案，我会在此处发布。

我通过在 assets 中创建一个新文件来完成它 - 让我们说 about.css.less 在我的 assets/stylesheets 文件夹中。我已经把我想要覆盖的所有变量放在 about 页面上。 (基本上我已经复制了 bootstrap_and_overrides.css 的内容并且我已经覆盖了我想要的参数)

然后在 /view/layouts/application.html.erb 我放了代码:

<% if params[:controller] != 'about' %>
    <%= stylesheet_link_tag "application", :media => "all" %>
<%end%>

它现在包括 abouts.css 用于 about 页面和所有其他页面(如果不是)。这至少是一种解决方案。