問題タブ [neat]

全幅ヘッダーとして機能させたい div があります。基本的に、タイトルと、場合によっては電話番号と住所です。この質問の目的は、この div をブラウザの全幅にすることです。

バーボンニート初心者

• 私の印象は、12グリッドの列で機能するということです
• したがって、divが使用したブラウザの幅全体を占めるようにするには@include span-columns(12)
• ブラウザで表示すると、左右に 2 つの空の列があるように見えます

application.html.erb

header.html.erb

header.css.scss

観察

削除@include outer-containerすると、目的の効果が得られたようです。ただし、すべてのドキュメントは this を使用するように言っていますouter-container。私は Bourbon Neat を初めて使用するので、予測できない動作は望んでいません。

Neat フレームワークを使用する場合、列のガターはウィンドウ サイズに合わせて自動的に調整されます (もちろん、グリッド フレームワークから予想されるように)。現在のプロジェクトでは、ガター幅 ($gutter) をいくつかの要素の上または下のパディングとして使用したいと考えています。

ビューポートを縮小するときにパディングが調整されないことを除いて、 $gutter 変数を直接使用すると機能します。

誰かがこれに対する解決策を持っていますか?

Foundation 5 をセットアップしようとしていましたが、正しくインストールできないいくつかの問題があるため、Neat に切り替えました。トラブルシューティングを行ったブログの 1 つで、sass gem を削除して再度インストールするように指示されました。今はNeatをセットアップすることさえできないので、私は長い道のりで何かを壊しました。

これは bundle update sass を実行した後です。もう一度きれいな環境を手に入れようとしているだけなので、Neat フレームワークをセットアップしました。

Foundation を廃棄する前に行った最後のトラブルシューティングの試みは次のとおりです: https://github.com/zurb/foundation/pull/5651

私は再作成しようとしています: http://jsfiddle.net/MGRdP/6/

Neat を使用していますが、私の div はビューポートの高さの 100% まで拡大されません。インスペクターを使用しても、矛盾は見つかりません。明らかに何かがおかしい。

フィドルとして達成できるニートの正しいマークアップを誰かが提供できますか?

1.7.1 への最新の gem アップデートの前に Neat をインストールしました。サイト インストールのファイルを更新したいのですが、その方法がわかりません。

を示します

私は試した

私のsassディレクトリにありますが、メッセージが表示されます

インストールしたバージョンを確認する方法がわかりませんが、1 つの _outer-container.scss ファイルは、git リポジトリと比較すると明らかに以前のバージョンです。ドキュメントには、サイト ファイルの更新方法が正確に記載されていないようです。これは本当に基本的なことだと思いますが、ファイルを手動でコピーする以外に何をすべきかわかりません。

を使用して Rails アプリを作成しbourbon/neat/bitters/refillsましたsass。

これまでのところ、リフィルのいくつかを追加しようとしました: センター ナビゲーションとヒーロー。

デスクトップ ブラウザーでテストし、最小のブレークポイントまでウィンドウのサイズを変更すると、完全に機能します。大きなブレークポイントから中程度のブレークポイント、最小のブレークポイントにシフトします (水平ナビゲーションは最終的に折りたたまれ、その下に 1 列のレイアウトが表示されます)。

ただ、実際にiphoneで見ると、すべてのリフィルについて、デスクトップのブレークポイントのレイアウトをサファリで表示しているようです。

他の誰かがこの問題に遭遇しましたか?

デフォルトでは、Neat は各要素の右マージンとしてパーセンテージを使用しますが、幅に関係なく、ガターspan-columnsが固定されることを望んでいます。30pxouter-container

私は現在、自社で Bourbon/Neat/Bitters/Refills (Bourbon ファミリーと呼ばれることが多い Toughtbot フロントエンド スタック) を使用できるようにしようとしています。

しかし、ほとんどのプロジェクトで Ruby を使用していますが、静的な Web サイトをコーディングすることもあります。そのようなプロジェクトでは、Bitters の足場の速度が非常に役立つ可能性があります。

Thoughtbot は、Bitters と Refills ではなく、Bourbon と Neat の Bower パッケージをリリースしました。Gulp for Sass 前処理と組み合わせると、Bower は小さなプロジェクトに最適です。

静的な Web サイトで Bitters と Refills を使用するための合理的に信頼できる方法が見つかりません。何か案が？