0

第一个是尝试使某些文本居中。即使您将偏移量从 2 替换为 5,它也不会将文本移动到任何不同的位置。

在此处输入图像描述

在这里,您可以看到我所做的只是将第一个图像中的 html 文本更改为具有不同 Bootstrap 样式的内容 - 在这种情况下,它是警告内容。这一切都很好。我直接从 Bootstrap 文档中得到了偏移和网格的东西——这是怎么回事?谢谢

在此处输入图像描述

编辑 - 应用程序在 Github 上:https ://github.com/MaxPleaner/mystery

编辑 - 我意识到我在上面的示例中使用 col-md 并期望该样式适用于所有屏幕尺寸时犯了一个错误。但是,我尝试将其更改为 col-xs 并且它也不起作用。见下文。

在此处输入图像描述

4

1 回答 1

1

我以前没有用过托马斯麦当劳的那颗宝石。据此,您只需要捆绑安装并重新启动 rails 服务器即可使用资产。

我使用宝石:

      gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails', :branch => '3.0.0'

我还注意到您没有在 application.js 文件中包含引导程序,在我的情况下我使用了 -

     //= require twitter/bootstrap 

我看到您的 application.css.scss 文件中有需要引导程序,并且我假设您的 gem 正在为您需要的资产提供服务,并将使用树中的 homepage.css.scss 来覆盖引导程序。所以应该没问题。

您似乎确实可以访问网格,因此它似乎可以正常加载引导程序。

至于你的专栏问题:

col-xs 告诉列不要堆叠,列将保持并排。只要通过媒体查询符合设备大小,它们仍然表现出响应性。col-md 将列一个在另一个之上。

更多地研究那里的例子。您正在使用 12 列网格系统。尝试将示例中的一些示例代码粘贴到是否正确显示。

于 2013-11-10T04:19:51.607 回答