ruby-on-rails - 如何使用 ruby​​ on rails 将 twitter bootstrap 上的固定布局更改为流体

Question

我不确定如何将我的 ruby​​ on rails 应用程序更改为流体。目前它已使用 sass twitter bootstrap 修复，我正在努力寻找将整个应用程序更改为流畅的正确方法。

有人可以指出我正确的方向吗谢谢。

Answer 1

为了在 Bootstrap 中使用流畅的布局，你必须做两件事：

1. 在您的视图模板中替换.row类。.row-fluid
2. 加载响应式布局 css 文件。

如果您使用的是 SASS，并假设您有一个application.css.scss文件，请确保按以下方式设置它：

@import "bootstrap";
@import "bootstrap-responsive";

最后，当使用流体网格时，确保内列的总和总和为 12：

<div class="row-fluid">
  <div class="span6"></div>
  <div class="span6"></div>
</div>

您可以使用任意数量的列，只要它们的总和为 12。