Bootstrap活用方法

▼CSSはBootstrapを読み込みした後でないと反映されなくなる https://qiita.com/Takka_Log/items/db5f7f32a0670d63ae59

▼Bootstrapの使い方 https://qiita.com/tonkotsuboy_com/items/a23ef99041880a698e9f

▼割り付け方 https://getbootstrap.jp/docs/4.2/layout/grid/

▼tableにBootstrapを当てる getbootstrap.jp

・チャートの背景を綺麗にしたりもできる！

・しましまにしたりもできる！

<table className="table">
  <thead className="table-dark">
      <tr>
          <th scope="col-2">id</th>
          <th scope="col-4">name</th>
          <th scope="col-6">pv</th>
      </tr>
  </thead>
  <tbody>
      {data.map((value) =>
          <tr>
              <th scope="row">{value.id}</th>
              <td>{value.name}</td>
              <td>{value.pv}</td>
          </tr>
      )}
  </tbody>
</table>