zurb-foundation

0熱

1答えて

私はスティッキーな応答メニューを作成し、モバイルでは自動的にジャンプしてボトムにスティックします。 .isアンカー.is・アット・下ここにナビゲーション要素の変更のクラスには、メニューからいくつかのサンプルコードです： <div data-sticky-container> <header class="sticky" data-sticky data-options="marginT

0熱

2答えて

typoscriptメニューの基礎ページの内容を含む

私はファンデーション5.5.0で3つのレベルのドロップダウンメニューを持つメニューを開発しようとしています！ページの内容を含むメニュー。タイトルを見ることはできますが、ページやタブを変更すると内容は変わりません（リンクは| --- 1 --- | ...とタイトル11、タイトル12、タイトル13 ...、リンク1はリンク8以上）。メニューのリンクを介して、アクティブ化されたページの内容に初期化され

0熱

1答えて

財団＆CSS：テキストエリアにあらかじめ用意されたフォームを作成する方法

私はJSFiddleがhttps://jsfiddle.net/kacikw/6b9djm76/#&togetherjs=ERPObvDR7G あるhttps://tympanus.net/Development/TextInputEffects/ からあらかじめ用意されたフォーム（春樹）を使用していますが、私はどのように把握することはできません入力領域を1行以上（コメントセクション用）のテキスト

0熱

1答えて

基底6等しくない高さの要素のブロックグリッド

基礎6のブロックグリッドでは、親の直後に配置された等しくない高さの要素のグリッドを作成する方法を教えてください。例（画像）したがって、すべて底灰色ブロックが、代わりにこれを基礎にできない場合、独自改行 <div class="row small-up-1 medium-up-6 large-up-4"> <div class="column column-block f1" styl

0熱

2答えて

Foundation 6の全幅と全幅でないデフォルトのグリッド幅は何ですか？

Foundationが反応するのは分かっていますが、私は特定のブレークポイントを持つ正確なPhotoshopドキュメントを作成し、基底がどのようにグリッド要素のサイズを（デフォルトで）設定するかを理解しようとしています。のは、例えばのみ画面と（最小幅：120.063em）@media // XXLarge画面のメディアクエリーと言う{}/*分の幅1921px、xxlarge画面*/12カラムを

0熱

2答えて

divカラム内のテキストの中央揃え

私はZurb Foundationフレームワークを使用しており、テキストを中央に揃えようとしています。私はちょうど.text-centerクラスを使用する場合： <h1 class="text-center">My Heading</h1>テキストが中心です。私は列内に配置するときただし、テキストは右にわずかに移動されます。 <div class="row"> <div class=

0熱

1答えて

Zurb Foundationのフレックスグリッドを使用している場合のみ、中小のスクリーンのみに水平に整列する方法

align-center 2つの列はmedium downのサイズの画面のものであり、大きなものではありません。以前はsmall-centeredとmedium-centeredで利用可能でしたが、Zurb Foundation's Flex Gridでは機能しませんでした。 <div class="row"> <div class="small-12 large-7 columns">

-1熱

1答えて

ヘッダーのリンクが機能しない

私はヘッダーのリンクが動作していない場所で作業しています。 http://stage.metooplace.com このサイトはWordpressにありますが、ローカルの静的ページでも同じ問題が発生しています。リンクは、ブランドロゴリンクまたはFoundation 6オフキャンバスメニューでは機能しません。私はまた、WordPressにログインしているときに、管理バーのリンクが機能しないことに気付

0熱

1答えて

Zurb Foundation 6の列全体に均一にセルを広げる

複数の列にわたってハイパーリンクを均等に表示する多数のカードをレイアウトするアプリケーションレイアウトを構築しています。スクリーンスペースはオプティミアムで使用されるようにします。私はZurb財団6を使用してZurb財団6に基づいてHTMLの以下の部分を持っています： <!doctype html> <html lang="en" class="no-js"> <head>

0熱

1答えて

Zurb Foundation公開モーダル

私はZurb Foundation 6フレームワークを使用しています。私は公開モーダルを使用したいと思います。何らかの理由で、モーダルを開くためにボタンをクリックしても応答がありません。 My JsFiddle https://jsfiddle.net/zzf2suto/1/