flexbox

0熱

1答えて

私は全く混乱しています。私はこれを理解してからjsfiddleをリフレッシュし、何とか解決策が変わった。私は行に2つの列を持つ行を持っています。私は2つの列を同じ行に整列させることはできません。私はjustify-content-aroundを使ってみましたが動作しません。ヘルプをいただければ幸いです。 <div class="container-fluid"> <div class="

0熱

2答えて

ブートストラップ4つの中心アイテムを

.c-footer { background: #000; padding: 20px 0; color: #fff; } .c-footer__logo { display: inline; } .c-footer__link { color: inherit; } .c-footer

0熱

1答えて

フレックスボックスレイアウト - トランジションが動作しない

私は、ヘッダー、フッター、およびコンテンツを持つフレックスボックスレイアウトに取り組んでいます。コンテンツセクションには、複数のクリック可能なフレックスアイテムがあります。フレックスアイテムの誰かをクリックすると、コンテンツセクションの幅と高さ全体が埋められます。単純なアニメーションを実装するためにすべてのフレックスアイテムにtransition:allを使用しました。しかし、それは動作していな

0熱

1答えて

Google Maps Tiles Flexhookで歪んだ

私は、左の列をスクロールして（画像をリンクとして）、固定フルスクリーンの右の列にGoogleマップを表示してレイアウトを作成しようとしています。地図が歪んで表示されている理由を理解できません。 Here's a screnshot of my problem. $(window) .resize(function() { var h = $(window).height

0熱

1答えて

フレックスボックス表示の相対単位でmax-widthを使用したクエリ

ディスプレイフレックスを使用してラッパーコンテナに合わせて、チームメンバーの写真と伝記を4行並べて表示しようとしています。これは、各imgの最大幅を360pxにすると機能しますが、max-widthを％相対単位で使用すると機能しません。誰でも知っている理由は？私はすべてのプロジェクトで相対的なユニットを使用したいと思います。 <div id="people"> <div cla

-2熱

1答えて

フレックスを考慮するブートストラップカラムのプロパティ

class="col-md-6"を使用したときに、セルの高さが同じであることを確認するためにdisplay: flex;を使用しました。しかし、これにより、異なる画面サイズでコンテンツを表示するときにセルが変化しなくなりました。だから、高さを維持し、ブートストラップの列プロパティを尊重するためにflexをコーディングする必要がありますか？ Here is the fiddle

3熱

1答えて

ブートストラップでのパディング4 100％の高さを持つフレックスコンテナ

私は、100％の高さと垂直方向のセンターアライメントを固定する必要があるdivを作っています。 Bootstrap 4でやる必要があります。パディングを追加する以外はすべてを管理しました。子divにパディングを追加するたびに、コンテンツはオフスクリーンになります。私も試しました overflow-y: scroll それはそれを修正することを望んでいるが、何も起こりません。コードを分割したた

-1熱

2答えて

配置要素

私はそうのようなHTMLマークアップの構造を有する： <div class="container> <div id="one"></div> <div id="two"></div> <div id="three"></div> </div> を私は、ディスプレイフレックス行にこのマークアップを形成しようとしています。 div 1は線幅の半分を占め、残りのdiv

0熱

1答えて

フレックスフローができません：行作業

レイアウトにフレックスドを使用しているページがあります。それに plunkerはここにある： https://plnkr.co/edit/U55Jhr0p1P7wlWRGUOAu?p=preview 黄色のdivは、青のdivの左側にあるなぜ私の質問はありますか？私が望むのは、青いdivの上にある黄色のdivです。私が理解するように、フレックスフロー：行;ダイアログボックスでこの作業を行う必要が

0熱

1答えて

サイドバーのメニューを折り畳む

私は自分のサイトの管理パネルを作成していますが、私はハンバーガーのアイコンに隠す必要があるサイドバーメニューを持っています。私は解決策を探していたが、あまり見つけられなかった。皆さんが私の問題を手伝ってくれることを願っていました。このような .sidebar{ @include flexbox(); flex-direction: column; flex-wrap: