問題タブ [neat]

sass に何が欠けているのか理解できませんが、グリッドの 4 番目の列はインライン化されませんが、3 つの列だけがインライン化されます。

シンプルな 4 列のグリッドが必要なので、次のようにしました。

私のマークアップ

私のサス：

これにより、4 列ごとに改行される 4 列のグリッドが作成されるはずですよね?

助けてください。

私は Bourbon Neat 1.7 を使用しており、2 行目を追加して表示しようとしています。現在表示されているすべての情報は 1 行に表示されますが、2 行にする必要があります。私の計画は、レコード セットを添付して、行ごとにレコードを表示することです。

私のscssコード

HTML コード

Bourbon/Neat には、自動行 ( http://neat.bourbon.io/examples/ ) を提供する優れた機能がありますが、この機能をレスポンシブにすることはできません。私の例では、大画面に 4 列、中画面に 3 列を使用しています。4 列のレイアウトがうまく表示され、4 番目の div ごとに新しい行にラップされます。メディア クエリ ポイントに到達すると、レイアウトがバラバラになります。div が予期せず折り返されます。

サス:

HTML の例:

「自動」行機能をメディアクエリで使用できるかどうか、またその方法を知っている人はいますか?

Bourbon と Neat で WordPress テーマを作成しています。SASS の管理/コンパイルに Codekit を使用しています。私は bourbon Docs を見て、これを自分の variables.scss ファイルに追加しました:

ただし、これが準拠した後でも、外側のコンテナーの幅は 1088px のままです。

$visual-grid 変数も機能しないことにも気付きました。なぜこれが機能しないのか考えていますか?

私はBourbonとNeatを使用しており、次のコードがあります

次のエラーが表示されます。

関連するドキュメントを再確認しましたが、これが機能しない理由がわかりません。フレームワークで他のミックスインをうまく使用していることに注意してください。

アップデート

次のバージョンがあります。

ember-cli アプリケーションに「Neat」を含める正しい方法がわかりません。

ember-cli-bourbon アドオンを使用して Bourbon をインストールし、scss ファイルに @import "bourbon" を追加しました。

助言がありますか？