画面サイズに基づくブートストラップ順序の使用

2020-02-24 javascript css reactjs bootstrap-4

私はReact Jsで小さくシンプルなプロジェクトを行っており、Bootstrapを使用してスタイルを設定しています。問題は、ページの最後にある要素を最初にすることです。そのため、Bootstrapのorder-1とorder-12を使用したいので、モバイルデバイスでページが開いたときにそれらを追加する必要があります。これを簡単な方法で行う方法に関するアイデアはありますか?

Answers

ほとんどのBootstrapクラスは応答性があるため、たとえばclassName="order-md-1 order-lg-12"ように記述できますclassName="order-md-1 order-lg-12"したがって、 mdサイズでは要素が最初になり、 lgサイズでは要素が最後になります。

ソース

Related