問題タブ [grid-system]

私はまだ Bootstrap を学び始めたばかりで、グリッド システムに戸惑っています。グリッドシステムの説明によると

Bootstrap には、デバイスまたはビューポートのサイズが大きくなるにつれて、最大12 列まで適切にスケーリングする、レスポンシブでモバイルの最初の流体グリッド システムが含まれています。

しかし、次の例では、どうしてこのように示されているのでしょうか?

xs が極小デバイスで md が中型デバイスであることはわかっていますが、xs のクラスが「col-xs-12」と「col-xs-6」であるのはなぜですか? つまり、Bootstrap Grid System の定義とは対照的に、最大 18 列を追加できるようになりました。誰かがこれについて私に教えてもらえますか?

ここに私の最初の投稿、

私はフォトショップでレイアウトをデザインしていますが、それに従って要素をデザインするためのグリッドを持つレイヤーを持つことが重要であることを知っています.

私は自分のデザインでダウンロードして使用するためにウェブのpsdを検索しましたが、非常に混乱しています。したがって、ブートストラップ グリッド システムを選択するために考慮しなければならない基準を知りたいだけです。

私を混乱させる解決すべき側面：

• Bootstrap のどのバージョンを選択すればよいですか? そして、何に基づいていますか？
• 列の数？そして、何に基づいていますか？
• どのガターサイズを選択すればよいですか? 何に基づいて？

これを解決するのを手伝ってください。何百万もの異なるブートストラップ グリッド システムを見続けていますが、選択方法がわかりません。

みんな、ありがとう

大きなビューポートでこれから行く方法はありますか:

xsビューポートでこれに：

それとも、これは BS グリッド システムの範囲を超えていますか? ネストされたグリッドを含めるためにコンテンツを再生成する必要があることを除けば?

画像は明らかに縮尺どおりではありませんが、私が何をしようとしているのかを理解するには十分なはずです. 列 2 は 3、4、および 5 より上にある場合もあります。どちらの方法でも問題ありません。

ありがとう！

複数のパネルが自動的に次々と並んでいる概要ページを実現したいと考えています。私の現在の結果は、この画像で見ることができます:

私が達成する必要があるのは、左下の 3 番目のパネルがジャンプして、最初のパネルの直後に整列することです。残念ながら、小さい画面ではパネルのサイズと配置が変わるため、ページを 2 つの列にネストしたくありません。また、ページの下部にある他のパネルは、ここに表示されているものとはサイズが異なる場合があります (つまり、8:4)。

簡単な解決策はありますか？ありがとうございました！

セマンティック UI を使用していますが、グリッドを正しく設定できません。ドキュメントによると、セマンティック UI は 16 列を使用しておりthree、左側に幅が の列があり、その横に幅が の列がありthirteenます。こんな感じです（写真はトリミング）。

私は長い間 Bootstrap を使用してきましたが、現在はセマンティック UI を使用しようとしています。私は何が欠けていますか？デモ

css の学習を始めたばかりです。bootstrap は、最も人気のある css RWD フレームワークです。流体グリッドシステムがどのように実装されているのか興味があります??

そして偶然wip w3c css standard multi-column layoutを学びました。グリッドシステムと同じコンセプトですか？グリッド システム ライブラリが完成し、すべてのブラウザで完全に実装されると、すべてのグリッド システム ライブラリが時代遅れになりますか?