問題タブ [gumby-framework]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - ガムビー フレームワーク CSS フレームワーク
簡単な Web サイトを開発する必要があります。通常はブートストラップ CSS フレームワークを使用しますが、これは 12 列ではなく 16 列にできる Gumbyn を使用したいと考えています。
私は疑問に思っていました:
緑の色は簡単に変えることができますか？
流動レイアウトの代わりに固定レイアウトを使用するにはどうすればよいですか?
すべてのブラウザに対応していますか？
ありがとう
forms - ガンビーフレームワーク 3 つのテキストボックスが並んでいますか?
これはおそらくばかげた質問ですが、フォームと検証に関するガンビー フレームワークに関するドキュメントが非常に不足していると思います。1 行に 3 つのテキスト ボックスを正しく表示する方法。私が検証キャレットを試したことはすべて台無しになりました。数量、品番、商品名を一列に並べたい。
このフレームワークを使用してzipと電話番号を検証する方法はありませんか? それらの検証に関するドキュメントが見つかりません。
html - Gumby フレームワーク グリッドでの div ネスティングの問題
Gumby フレームワークを使用すると、div をネストする際に問題が発生します。
10 列のグリッド内に 3 列と 7 列のグリッドを入れ子にしようとしています。
HTML/CSS でいくつかのバリエーションを試してみましたが、役に立ちませんでした。図 かなり単純なものが欠けているに違いありません。
HTML コード例:
html - ガンビー 2 トグルが機能しない
Gumby 2 をダウンロードして、自分の Web サイトに組み込みました。残念ながら、モバイル デバイスでアクセスすると、ナビゲーションを開くべきトグルが表示されません。なぜこれが行われるのかわかりませんが、すべての正しいコードを html Web サイトに配置したことはわかっています。うまくいけば、ここの誰かが私を助けてくれます。
ウェブサイトはこちら - http://vortexradio.co.ukソースを参照して、お試しください。
ダニエル。
ruby-on-rails - Rails プロジェクトのガンビー フレームワーク - インポートするファイルが見つかりません
シンプルな Rails プロジェクト (ruby 1.9.3、rails 3.2.13) があり、Gumby CSS Frameworkを取り入れようとしています。フレームワークにはCompassが必要modular-scaleです。
完全を期すために、投稿の大部分に情報が含まれています。実際の問題については最後までスキップしてください。
作業ディレクトリはで監視されています
Compass は次のようにプロジェクトに組み込まれました。
の内容config/compass.rbは次のとおりです。
また、Gumby ソース (SCSS) の場所は ですapp/assets/stylesheets/gumby。
結果としてコンパイルされた css が に表示されpublic/assets/gumby/gumby.cssます。
以下は私のGemfile内にあります
そしてbundle install、エラーなしで完了します。
でも...
提供されたすべてのページに次のエラー メッセージが表示されます。
Sass::SyntaxError in Users#index
PROJECT_ROOT/app/views/layouts/application.html.erb を表示すると、5 行目が発生します。
何時間もいじくり回した後、Sass が Compass ライブラリを読み取れない理由がわかりません。
css - Chrome でブロック要素として表示されるガンビー列
これは私が Gumby で構築した最初のサイトであり、一般的な Web デザインに関しては初心者です。
なぜ私のサイトが Firefox と Safari では完璧に表示されるのに、Chrome では混沌としているのかについて、私は何時間も頭を悩ませてきました。列のすべてのセットがブロック要素として表示されているように見えますが、ナビゲーションバーはまったく表示されていません...
W3C html バリデーターを実行したところ、hgroup タグが廃止されたことが通知されましたが、ページがそれほど混乱することはありません。そして何より、Chrome だけではありませんか?
考えられる原因：
物事のその側面を開発している間、サイトを応答しないようにするために、ブレークポイントを削除し、_var.scss の設定のいくつかを台無しにしました / おそらく最も可能性の高い理由ですが、何が影響しているのかわかりませんこちらです。
行をヘッダーとセクション部分のラッパーとして使用しました..これは、列の表示方法を混乱させている可能性がありますか?
ヘッダー部分では、@include columns(6) を使用して、別の div を作成せずに html に列を含めました。Chromeはこれが気に入らないのですか？
これは私のサイトへのリンクです: http://work-in-germany.eu/
ご覧のとおり、Firefox と Safari では問題なく表示されますが、Chrome では表示されません。
助けてくれてありがとう！
トム
drop-down-menu - モバイルのドロップダウンのガンビー CSS フレームワークの親アンカー
モバイル レイアウトの場合、gumby CSS フレームワークを使用すると、ドロップダウンのあるトップ レベルのアンカーをクリックできます。クリックすると、アンカーはドロップダウンを表示する代わりに新しいページを読み込みます。誰かがこの問題に遭遇し、解決策を見つけましたか?
css - Gumby フレームワークで FontAwesome を使用する
Twitter BootStrap のように、Gumby フレームワークで FontAwesome アイコンを使用する方法はありますか?
mobile - Gumby フレームワーク - モバイル ナビゲーションが機能しない
このガンビー フレームワークで新しいポートフォリオを構築し始めています。私は LESS よりも SASS が好きなので Gumby を選びました。この言語をベースにしたフレームワークを試してみたいと思います。問題は、モバイル ナビゲーションが機能しないことです。
ダウンロードしたパッケージ内の ui.html を使用してブラウザ ウィンドウのサイズを変更すると、「3 本線のアイコン」が表示されますが、クリックしても何も起こりません!
Web サイトで Gumby の UI デモを使用すると、動作します...ここでスタックオーバーフローで見た、gumby を使用する Web サイトのいずれかです!
すべてのパスを確認しました。開発者は、gumby.min.js を使用する必要があり、デフォルトでコメント解除されていると言ったので、このモバイル メニューが機能しない理由がわかりません。
サーバーでホストされている Web サイトでオンラインで作業する必要があるのでしょうか? しかし、私は奇妙ではありません...どのコードを投稿すればよいかわかりません。なぜなら、ダウンロードしたガムビーパッケージ内で見つけることができるのは単に ui.html だからです。
ruby-on-rails-4 - レール付きガンビー2
ガンビーフレームワークをレールと統合しようとしています。CSSファイルを含めることでCSSを機能させることができましたが、難しいと感じています。JavaScript を実装します。Rails で Gumby をうまく使った人はいますか?