問題タブ [bourbon]

私はバーボンニートを使用して、デスクトップの最初のレイアウトをうまく機能させてきました。

しかし、私はモバイルから始めて、自分のやり方で作業を進めて、モバイル ファースト バージョンを作成したいと考えています。デフォルトのグリッドは 12 列で、モバイルでは通常 4 のグリッドを使用します。グリッドを 4 に変更して 12 に拡大しようとしましたが、うまくいきませんでした。

標準のデスクトップ レイアウトを作成し、次にモバイル メディア クエリを各 CSS セレクターに配置し、モバイル バージョンから開始して方法を構築する以外に、モバイルを最初に行うためのより良い方法はありますか?

Bourbon Neat を ie8 で動作させるという不幸な仕事があります。ソートボットのドキュメントによると、これには Selectivizr を使用します。私は Selectivizr の指示に従いましたが、ie8 でテストしても何も変わりません。また、フォールバック css が必要な場合もわかりません。アイデアや解決策はありますか？最も感謝しています！

グリッドに影響を与えずに .container にパディングを追加しようとしています。私が考えることができる最良の例は、コンテンツが .container の側面にぶつからないようにすることです。なぜなら、デザインに青い背景があり、.container が白い場合、左右にパディングが必要だからです。 . 問題を示すために、ここにサンプルページを簡単に作成しました。

私は基本的に、1000px のコンテナを 20px のガターで作成しようとしており、それぞれが 65px を占有します。ただし、グリッドの外側ですが、.container の内側では、左右のパディングも 20px にしたいと考えています。これが助けになるか悪化するかはわかりませんが、これはグリッド用のCalcaワークアウトシートです

アイコンフォントの font-face 宣言をまとめる方法を見つけようとしています。私は他の人から入手したいくつかのコードに取り組んで繰り返しています。burbonの入力と CSS の出力は次のとおりです。

これは正しいです？これらのファンキーな URL フラグメントとクエリはどうすればよいでしょうか? 私はグーグルを試してみましたが、あまり思いつくことができませんでした。

バーボンインプット

CSS出力

Rails 4 アプリを heroku にデプロイしています。

mixinが関連付けられているスタイルを含め、すべてがローカルで機能しているため、これについて混乱しています。問題が何であるかについての google:foo に関するドキュメントはあまり見られません。私が持っている

application.rbで

ここで何をすべきかについて何か考えはありますか？

(nodejs) ゴースト ブログ プラットフォームのレポhttps://github.com/TryGhost/Ghostを複製し、セットアップの手順に従いました。実行するとgrunt、このエラーが発生しました

I found a blog post http://www.bearfruit.org/2013/10/19/quick-tip-for-getting-the-ghost-blogging-platform-running-locally/ where someone had a similar error that was solved by running

However, that hasn't fixed the problem for me. While I can run grunt --force, there are problems with the css that I'm guessing would be solved if it could find the files it's looking for.

In mixin.css file referred to in the error message, it has this

However, there's no bourbon folder of any kind in the ghost repo. I'm wondering if it's supposed to import from the installed gem, if so it's not working.

Can you suggest what I might do to fix this problem?

バーボン ニート グリッドをテストし、実際にモバイル ファースト アプローチ グリッドを試してみます。私の構造は次のようになります：

私のグリッド設定:

私のscss：

たとえば、私はブレークポイントに応じて背景色を変更し、PC 画面では、色はモバイルのものによって上書きされます..しかし、列番号は正しいものです...奇妙です。

手伝ってくれてありがとう

EDIT1: モバイルの設定を適用するには、ブレークポイントを指定する必要があります。

しかし、ページの内部部分で問題が発生します。コンテナを指定する必要がありますか、それとも複数の列にまたがるミックスインで十分ですか?