1 つ目は、テキストを中央に配置する試みです。オフセットを 2 からたとえば 5 に置き換えても、テキストは別の位置に移動しません。
ここでは、最初の画像の html テキストを別の Bootstrap スタイルのものに変更しただけの状況を見ることができます。この場合、それは警告です。これはすべてうまくいきます。Bootstrap ドキュメントから直接オフセットとグリッドを取得しました - 何が起こっているのでしょうか? ありがとう
編集 - アプリは Github にあります: https://github.com/MaxPleaner/mystery
編集 - 上記の例で col-md を使用し、スタイルがすべての画面サイズで機能することを期待して間違いを犯したことに気付きました。ただし、 col-xs に変更してみましたが、どちらも機能しません。下記参照。
トーマス・マクドナルドの宝石を使ったことがない. それによると、アセットを利用できるようにするには、インストールをバンドルしてレールサーバーを再起動するだけです。
私は宝石を使用します：
gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails', :branch => '3.0.0'
また、application.jsファイルにbootstrapが含まれていないことにも気付きました。私の場合はこれを使用しました-
//= require twitter/bootstrap
application.css.scss ファイルでブートストラップが必要であることがわかりました。gem が必要なアセットを提供しており、ツリーのhomepage.css.scss を使用してブートストラップをオーバーライドしていると思います。それで大丈夫なはずです。
グリッドにアクセスできるように見えるので、ブートストラップを正常にロードしているようです。
あなたの列の問題については：
col-xs は、列を積み重ねないように指示し、列は横に並んだままになります。メディアクエリを介してデバイスサイズに準拠している限り、それらは引き続きレスポンシブに動作します。col-md は、列を上下に積み重ねます。
そこにある例をもっと調べてください。12 列のグリッド システムを使用しています。例からいくつかのサンプル コードを貼り付けてみて、それらが正しく表示されるかどうかを確認してください。