タグ付けされた質問 「zurb-foundation」

Zurb Foundation 3グリッドを使用してサイトを作成しました。各ページには大きいh1： body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> コードスニペットを実行する結果を非表示スニペットを展開 ブラウザのサイズをモバイルサイズに変更すると、大きなフォントが調整されず、大きなテキストに対応するためにブラウザに水平スクロールが含まれます。 私は上のことに気付きましたZurb財団3タイポグラフィの例のページそれを圧縮して展開されているように、ヘッダがブラウザに適応します。 私は本当に明白なものを見逃していますか？どうすればこれを達成できますか？

341 css  responsive-design  font-size  zurb-foundation  em 

私は、bashを通じて、新しいFoundation 5プロジェクトを作成しましたfoundation new my-project。Chromeでindex.htmlファイルを開くUncaught TypeError: a.indexOf is not a functionと、コンソールでエラーが表示されjquery.min.js:4ます。 財団サイトの手順に従ってプロジェクトを作成しましたが、このエラーを取り除くことができないようです。FoundationとjQueryは、index.htmlファイルに含まれ、正しくリンクされているように見えます。リンクされたapp.jsファイルは、$(document).foundation(); 誰かがこのエラーの原因を知っていますか？そして、解決策は何でしょうか？

250 javascript  jquery  css  google-chrome  zurb-foundation 

bower（foundation 5をインストールするため）を使用したり、コマンドラインでの作業に関連するbowerを取得しようとすると、大きな問題が発生します。 インストールしました ルビー1.9.3 git（コマンドプロンプトオプションから実行） Nodejs 私はうまく走った npm install -g bower grunt-cli gem install foundation これらは正常に実行されました。私が見てきた中でnpm/node_modules、ディレクトリと私は見ることができますbowerそこにフォルダ。 I型たびbowerにどちらかcmd、ruby cmdまたはgit bashI GET コマンドが認識されない 環境変数にgitパスを設定しました。 厄介なのは、亭の案内です。それは述べています： npm install -g bower bower install これはうまくいきません！

107 node.js  zurb-foundation  bower 

TL; DR：Stickyは、JavaScriptを使用して加えた変更に実際に反応できますか？もしそうなら、どうですか？ （プロジェクトはFoundation 6.2とWordPress 4.4を使用しており、テーマはNode.js / npmとgulp 4.0を使用してインストールされています。私の質問は、詳細には太字でマークされています。） navFoundationのスティッキープラグインを使用してバーをスティッキーにしたいのですが、ボタンをクリックしたときだけです。つまり、DOMがすべて終了しても、navバーは「それ自体」に固執するのではなく、ドキュメントの一番上の位置に留まります。さらに、下にスクロールすると消えますが、上にスクロールすると固執します。 navバーが正しく、すべての必要に包まれているdivので、S navバーが固執することができます。「追加」の部分で問題が発生します。私のアイデアは、最初にPHPを使用してスティッキーをインスタンス化することでした： <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%" > <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?> </header> </div> その後、data-btm-anchorクリックで起動するJavaScriptを使用して、現在のスクロール位置に変更します。これはうまくいきませんでした。これまでに試したこと： 使用する場合はgetElementByID、その後とsetAttribute、data-btm-anchorPHPファイルの中には、Firebugのに応じて変更を行いますが、それは影響しないnavバーを少し。それはどこにでも留まります。スティッキーを「再インスタンス化」する必要はありますか。 ドキュメントが言及します： JavaScriptでオプションを設定するには、次のようにオブジェクトをコンストラクター関数に渡す必要があります。 var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), options); つまり、既存のプラグインインスタンスに新しいパラメータを渡すことができるということですか。オプションの配列パラメーターとして、Foundation.Sticky異なるbtmAnchorだけを含む新しいオブジェクトをmyに渡してjQuery('#sticky_header')も、何も起こりませんでした。 ドキュメントはまた、私の「sticky_header」にスティッキーを追加するプログラムで提案しています。それがうまくいった場合は、jQueryオブジェクトを直接変更してみることができます。これまでのところ、Stickyプラグインをヘッダーに正常にバインドすることができました。 …

100 javascript  jquery  wordpress  zurb-foundation  zurb-foundation-6