zurb-foundation-6

2熱

1答えて

Zurb Foundation - 固定ヘッダーと最初と最後の列が固定されたレスポンステーブル

私はZurb Foundationを使用してWebアプリケーションを作成していて、小さな問題を抱えています。固定ヘッダーと最初と最後の列が固定された応答可能なテーブルを持つ必要があります。その間の他の列は、幅が小さすぎるとスクロール可能です。これはCSSだけで可能ですか？

0熱

1答えて

zurb foundationの列column-blockの画像上にテキストを縦横に並べる方法6

"column"を含む列の内側にある画像に水平方向と垂直方向にh4タイトルを配置する方法を試しましたファンデーション6内のブロックグリッド内の「ブロック」プロパティを使用します。最初の画像では多少動作するようになりましたが、反応がなく、正しくはありません。私はこの特定の問題に対処するウェブ上のものは何も見つかりません。私はそれが解決することがとても驚きです。は、ここに私のコード（私は様々なオプ

0熱

1答えて

どのようにブロックボディファンデーション6を中心に？

私は他のページに拡張するためにbase.htmlページを作成しましたが、何を試してもコンテンツを{％block body％}に集中できません誰が問題がどこにあるのか分かりますか？私はfoundation 6を使用していますが、app.cssで何も編集していません。詳細情報が必要な場合はお知らせください。 {% block body %} <div class="row"> <d

1熱

2答えて

Zurb foundation - ボタンの背景色を削除しますか？

Zurb Foundationのボタンから背景色を削除するにはどうすればよいですか？ <button class="button button-arrow">Button <i class="icon-arrow-right">→</i></button> CSS/LESS： .button-arrow { background-color: none; colo

0熱

1答えて

Foundation 6のドロップダウンメニューが広すぎる

サブメニューの幅を小さくすることはできません。明示的な幅を設定しようとしましたが、それは役に立ちませんでした。 Here is a screenshot of my issue 助けてください！

0熱

1答えて

ファウンデーション - 条件付きフォームアイテムを表示

私は財団にとっては少し新しく、既存のアプリケーションフォームのレスポンシブルな再設計に取り組んでいます。このフォームの質問のいくつかは、一般的な質問に答えるタイプのものです。選択に応じて、より多くの情報を入力する必要があります。ここでは非常に基本的な例です： <fieldset class="row columns"> <legend>Do you like ice cream?</le

1熱

1答えて

動的に生成されたaria-describedbyの値は引き続きアクセス可能ですか？

サイトで自動アクセシビリティテストを実行していて、Zurb Foundation's tooltip（v6.2.3）を使用しているツールチップ要素でエラーが発生しました。問題は「」と表示されます。この要素には、1つ以上の無効IDを含むaria-describedby属性値があります。「私が知る限り、記述されたdivには有効なIDがありますがそれはJavaScriptによって生成されているため、お

1熱

1答えて

Zurb Foundationのメニュー - 大規模にのみ拡張？

menuexpandedを大型化するにはどうすればよいですか？align-centerは培地のみですか？アップ大： <ul class="menu expanded"> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> </ul> ミディアム： <ul class="menu align-center>

0熱

1答えて

スティッキーバーのトランジションの問題

Foundation 6を使用してスティッキーヘッダーを作成しましたが、トランジションを受け入れていないため、うんざりです。一番上のバーはジャーキーに見えます。誰でも援助があり、問題がどこにあるのか教えてください。私は次のものに欠けているものが不明です。以下は、私のコードです： <header class="site-header" role="banner"> <div class="

0熱

1答えて

ファウンデーション6スティッキメニューがジャンプしてモバイルの下に固定

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