エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
デバイス毎に表示・非表示を切り替え「d-*-block」「d-*-none」
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
デバイス毎に表示・非表示を切り替え「d-*-block」「d-*-none」
デバイス毎に表示・非表示を切り替え「d-*-block」「d-*-none」この記事ではBootstrapを使用して画面サ... デバイス毎に表示・非表示を切り替え「d-*-block」「d-*-none」この記事ではBootstrapを使用して画面サイズに応じて要素の表示、非表示を切り替える方法を解説しています。「d-*block」「d-*-none」というクラスを使用して、デバイスごとに表示を切り替えるページを作成できるようになります! Bootstrapには、「d-*-block」と「d-*-none」というクラスがあります。 このクラスを使うと、ある特定の画面サイズのときに表示するもしくは表示しない、ということを指定できます。 (要素を表示するクラスはインライン要素の場合は「d-*-inline」インラインブロック要素の場合は「d-*-inline-block」になるなど、様々な種類があります。今回は「d-*-block」を使用して説明します) 以下に、クラスを指定したときに画面サイズによって表示がどのように