[React Bootstrap] Figures を表示してみる | 心を無にして始める React

今回は、Figure コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components と入力して ...
[React Bootstrap] Dropdowns を表示してみる | 心を無にして始める React

今回は、Dropdown コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components と入力 ...
[React Bootstrap] Close Button を表示してみる | 心を無にして始める React

今回は、CloseButton コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components ...
[React Bootstrap] Carousel を表示してみる | 心を無にして始める React

今回は、Carousel コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components と入力 ...
[React Bootstrap] Cards を表示してみる | 心を無にして始める React

今回は、Card コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components と入力してフォ ...
[React Bootstrap] Button Group を表示してみる | 心を無にして始める React

今回は、Button Group コンポーネントを表示します。
準備まだ components フォルダがなければ作ります。
src を右クリックして New Folder 。
components ...
[React Bootstrap] Buttons を表示してみる | 心を無にして始める React

今回は、Button コンポーネントを表示します。
Button コンポーネントは、通常のボタンがカスタムデザインされたものです。フォームやダイアログなどのユーザのアクションに利用できます。
準備まだ comp ...
[React Bootstrap] Breadcrumb を表示してみる | 心を無にして始める React

今回は、Breadcrumb コンポーネントを表示します。
Breadcrumb コンポーネントは、ページのナビゲーションヘルパーです。ページを階層化して、現在のページの位置を示せます。
見慣れない単語ですが、 ...
[React Bootstrap] Badge を表示してみる | 心を無にして始める React

今回は、Badge コンポーネントを表示します。
Badge コンポーネントは、特定の要素に注目を集めるために使います。アイコンやテキストをコンテンツに上付きまたは下付きで表示して、情報を明瞭に示すことができます。 ...
[React Bootstrap] Alert を表示してみる | 心を無にして始める React

今回は、Alert コンポーネントを表示します。
Alert コンポーネントは、アラートメッセージの表示に使います。ユーザのアクションに対して、メッセージを使ったフィードバックを提供することができます。
準備ま ...