grid-layout

4熱

5答えて

私は2つのdiv要素の親である#containerのdivを持つシンプルなサイト作りました：Grid Layoutを使用することにより、#leftと#rightを：は、固定された左の列を作るための方法はありますか？左のテキストをその位置に維持し、右のテキストを現在のようにスクロール可能にしたいと思います。 position: fixedを#leftに追加すると、レイアウトが分割されます。この問

0熱

1答えて

Susy次のコンテンツモバイルからデスクトップへのレイアウトの注文

私は、Susy Nextを使用して次のレイアウトを作成する方法を理解しています。私はSusyでこれをきれいにやっているのか、まったく実際に頭を上げるように見えません。ソースの順序は次のとおりであり、変更することはできません。 <div class="item a">A</div> <div class="item b">B</div> <div class="item c">C</div>

0熱

1答えて

ためNGとブートストラップグリッドが一緒こんにちは下向き

変位、は私が絶対にcan't修正とcan't再生小さな問題を得ました。作成は次のようになります。 <div class='wrapper row warp-field col-md-12 col-12'> <ng-template ngFor let-i="index" let-c="count" let-weeks [ngForOf]=" pagedItems"> <div cl

1熱

1答えて

Sassの1つのプロパティに複数の値を使用できますか？

私の質問hereにちょっと関連しています。 Sassでは、1つのプロパティに複数の値を使用したい場合は、mixinを使用してこれを達成できる方法がありますか？ NB：私は@eachの私の使用法が間違っていることを知っていますが、これは私がしようとしていることを説明するのに役立ちます。 @include('grid-template-rows', 2, 1, 1);そして、私はこのような何かを出力に

1熱

3答えて

CSSグリッドレイアウトの流体スケーリングアイテム

display: gridを使用してレイアウトを作成しましたが、これまでのpadding-topのトリックを使用して流体の四角形のdivを作成しましたが、これを行う方法があるかどうかは疑問ですCSS GridまたはFlexboxを使用します。レイアウトはそのままで、JSは使用しないでください。 https://codepen.io/anon/pen/GWzavX .o-container {

0熱

1答えて

私の主なRTEの脇の下にブートストラップグリッドを追加する方法は？

私はメインのコンテンツボックス（RTE）を持つドキュメントタイプを持っています。今私はそれの中にグリッドレイアウトを追加し、このグリッドセルに "パーシャルビューマクロ"を追加します。たとえば、1 * 3グリッドを作成し、各セルの内側にサマーカードを追加します。このビューのように：この場合、私は、「部分的なビューマクロ」などのカードを実装

0熱

1答えて

このコードはどのようにしてグリッドを生成しますか？

私はオブジェクト指向プログラミングに関するチュートリアルのシリーズに従っています。クラスの行列は、以下のように定義されています class Matrix(): def __init__(self, rows, columns, default_character='@'): self.rows = rows self.columns = columns self.

2熱

1答えて

GridLayoutが期待通りに表示されない

申し訳ありませんが、私はレイアウトでうまくやっていません。私は別のボタンの隣にいくつかのテキストフィールドの隣にボタンを追加しようとしています。私がボタンが列3にあると言うと、プレビューでは画面の右に飛び跳ねます...何が間違っていますか？ <GridLayout android:id="@+id/mainGrid" android:layout_width="0d

1熱

1答えて

コンテンツに適合する自動グリッドレイアウト

正確な行数と列数を指定せずに自動グリッドを作成したいとします。それぞれのグリッドセルは、コンテンツに合わせて（自動的に）十分に幅があります。グリッドが3列に収まらないほど広い場合、2列の場合は2列、それ以外の列の場合は1列など 1列には十分ではない場合は、 1 colは100％幅に制限されます（水平スクロールなし）。フレックスボックスでフレックスアイテムが100% max-widthに制限さ