列クラス (.col-xs-、.col-sm-、.col-md-、.col-lg-) をどのように使用すればよいでしょうか?
つまり、私は主にタブレットを対象とする Web アプリケーションに取り組んでいますが、スマートフォンやデスクトップでもうまく動作する必要があります。ブートストラップ ドキュメントから、これらのクラスのそれぞれがデバイス タイプ/サイズの 1 つを対象としていることがわかります。さぁ…どっちを選ぶ？デバイスごとに異なるバージョンのページを作成する必要はないと思います..そうですか?
ありがとう。
いいえ、ページの異なるバージョンを作成する必要はまったくありません。
これらのさまざまなクラスはすべて、さまざまな解像度で列を定義できるようにするだけです。
ブートストラップがすべてのブレークポイントにわたって列を設定するために提供するそのレベルの詳細な制御が必要ない場合は、col-md-*列から始めて、何が得られるかを確認してください。それだけで満足できるかもしれません。さまざまな解像度に合わせて列を調整する必要がある場合は、それらの追加のクラスに完全に飛び込んで適用できます.
このページに移動して、幅のサイズを変更してみてください。幅が異なると、列の配置が異なることがわかります。
col-xs-*通常、さまざまなタイプ ( 、col-sm-*、col-md-*、 ) から選択することはありません
col-lg-*。通常、それらの 1 つ以上を含めます。
まず、col-md-*どこでも使用できます。後で小さな画面でサイトを使用したときに、希望どおりにレイアウトされていないことに気付いた場合は、クラスを追加できます ( col-xs-*、col-sm-*)。col-md-*ただし、既に選択したクラスを必ずしも削除する必要はありません。