[JavaScript]react-bootstrap を使う

サンプルコードを利用して、react-bootstrapの標準コンポーネントを組み合わせて自由に画面を組み立てることができます。

<h2>パンくず/Breadcrumb</h2>
<Breadcrumb>
 <Breadcrumb.Item href="#">Home</Breadcrumb.Item>
 <Breadcrumb.Item href="#">
   Library
 </Breadcrumb.Item>
 <Breadcrumb.Item active>Data</Breadcrumb.Item>
</Breadcrumb>
<h2>Alert</h2>
<Alert key={1} variant="primary">
 アラートメッセージを表示しました
</Alert>
<h2>Badge</h2>
<Badge variant="secondary">New</Badge>

スクリーンショット

開発サーバーの起動

npx yarn && npx yarn start

ビルド実行

npx yarn build

本番反映

build/ フォルダの全ファイルをアップロードしてください

↓↓↓サンプルコードはこちらです↓↓↓