問題タブ [bourbon]

http://cdpn.io/ezIxj

私はポートフォリオ サイトで作業しており、各プロジェクト ボックスがすべてのレイアウト サイズで 4 列にまたがるようにしたいと考えています。それらの幅は、表示されている列グリッドに基づいて正しいようです。しかし、ブラウザが右マージンを無視するのはなぜですか??

体の背景色がなかなか出てきません。

私もMustacheフレームワークを使用しているので、私のhtmlは次のとおりです。

私はすでに多くのバリエーションを試しました。とても単純に思えますが、それは私を夢中にさせます。何か案は？

私はバーボン/ニートが初めてです。ネスティングに関して質問があります。赤いボックスが幅全体を埋め、間にガターがないようにしたいです。それらに「@include omega」を使用すると、最初のボックスは右マージンを削除しますが、右ボックスにはまだマージンがあり、幅は調整されません。

それらの間にマージンなしで親ボックス全体にまたがるようにする方法を教えてください。

ここにデモがあります: http://wuergeengel.net.dd13736.kasserver.com/

ここに私のマークアップがあります:

ここに私のスタイルがあります：

最近、Bourbon Neat をインストールしましたが、Sass Build を使用して Sublime Text 2 で Scss をコンパイルすると、次のエラーが発生します。

これは私のscssファイルです：

Bourbon と Neat を正しくインストールしていませんか? どんな助けでも大歓迎です！

私のCSSには次のものがあります：

.main 領域の上部に小さなギャップがあります。表示領域の上部まで拡張する方法はありますか? Neat.bourbon.io サイト (w3schools.com サイトも参照) で情報を探しましたが、正しい質問をしているとは思えないため、検索方法がわかりません...

初めてNeatで作業しています。外側の .container のパディングをどのように達成できるか疑問に思っています。コンテナにパディングを指定すると、内部の列の幅が正しくなくなり、右/左にシフトします。

このように：

コンテナの最初の要素にパディングを与えることができ、列が調整されることはわかっていますが、それは一貫した解決策ではありません。

内部の列を変更せずに、外側のコンテナーに一貫したパディングを使用するためのベスト プラクティスは何ですか?

事前にどうもありがとうございました！

私の内部にapplication.css.scssは次のコードがあります

ただし、Rails アプリを起動すると (better-errors gem を使用しています)、次の画面が表示されます

両方の作品を削除し@importsますが、CSSを取得しません

Grunt.js に次の設定があります。

私もバーボンを使っています。コンパイル エラーは端末に表示されますが、ブラウザには表示されません。コンパイル エラーをブラウザに出力するためにセットアップに追加できるものはありますか?

前もって感謝します。