Twitter BS3 を初めて使用し、幅 320px を超えるすべてのビューポート (iPhone など) で 3 つの等しい列を達成しようとしています。320 以下のビューポートでは、列を垂直に積み上げたいと考えています。
ドキュメントのグリッド システムを見ると、次のクラスを使用してグリッド システムのフローを設定できることがわかります。
コンテナーの最大幅 なし (自動) 728px 940px 1170px クラスプレフィックス .col- .col-sm- .col-lg-
上記の問題は、728 ピクセルを超えるものでのみ列のレイアウトを制御できることです。しかし、定義済みの 728 ピクセルではなく、320 を超えるものに 3 つの等しい列を並べて表示したい場合はどうすればよいでしょうか?
私が探しているものの良い例は、Jetstrap のホームページにあります。3 つの青い円は、320 ピクセル幅のビューポートになるまで横並びのレイアウトを保持します。これの私のバージョンは、約 728 ピクセルで垂直方向にスタックし始めます。