flexboxgrid

0熱

1答えて

私はhttp://flexboxgrid.comフレームワークを使用しています。カラムをデスクトップ上で水平にしたいが、モバイルとそれに対応してスタックする。例（デスクトップ）：例（モバイル）： <div class="row"> <div class="col-xs"> <div class="box">1</div> </div> <div cl

0熱

1答えて

フレックスボックスでレイアウトを設定する

私は以下のワイヤフレームを持っており、これをコード化する最良の方法がflexboxであることを確認したいと考えています。私はsimple flexbox grid systemをコード化しましたが、私のワイヤフレームは私のグリッドシステム上のものより多くのカスタマイズが必要です。私は親のdivがdisplay: flexを持っており、2つのdivがflex:1とflex: 0 0 40%を持っ

1熱

1答えて

angle flex-layoutの性能

私は角度4の応答性の高いアプリケーションを構築したいと思います。応答性の高いプラットフォームをチェックしていますが、主なオプションの1つはangular flex-layoutです。角フレックスレイアウトのテストページをいくつか作ってみましたが、CSSのメディアクエリを使用していないことがわかりました。リスニングとレスポンスはすべてtypescriptで実装されています。モバイルデバイス/低リ

0熱

1答えて

列間の等しい入れ子行を持つFlexboxグリッド

私はFlexboxグリッドCSSライブラリ - flexboxgrid.comを使用しており、3列レイアウトを行っています。この3つの列のレイアウトでは、各列にネストされた行を作成します。入れ子になっている行も他のすべての列と同じ高さになるようにしたいと思います。これは、私が現在達成していますされています。私は、セクション4を正確部2 と整列されることを望ん Current Achieveme

0熱

1答えて

フレックスボックスグリッド - 等しい高さの列

私はフレックスボックスグリッド（http://flexboxgrid.com/）を使用していますが、私は自分の高さを持たずに列を高さにしようとしています。誰かがこれを行う方法を知っていますが、私はドキュメントの中でこれを見つけることができないようです。 <div class="container-fluid"> <div class="row middle-xs"> <div

0熱

1答えて

アイソトープ追加要素フレックスボックスグリッド

私のプロジェクトではほぼ完了しましたが、1つのことだけが正しく動作していません。私はアイテムを削除するためにアイソトープを使用し、これは完全に動作します。アイテムは削除され、次のアイテムはその場所の中をスライドします。今はグリッドにアイテムを追加したいと思います。アイソトープの機能性を取り除くと、すべて機能しますが、アイソトープと一緒に機能させたいのです（素晴らしい移行などのため）。現在のコードを

-1熱

1答えて

なぜ?rowの負のマージンですか？

Flexboxgridフレームワークでは、.rowクラスのmarginが-1remであることがわかります。小さなビューポートでは、コンテナの小さな水平スクロールが作成されます。他のフレームワークでこのマイナスのマージンが見られたので、その目的は何ですか？内側の列には、同じ数量のパディングがあります。図中、赤い線は.container、破線は.rowです。マージンは右側にのみ表示されます。