-
BulmaのCDNリンクを追加する: HTMLファイルの
セクション内に、以下のCDNリンクを追加します。<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">これにより、Bulmaの最新バージョンがプロジェクトにロードされます。
-
スタイルの適用: BulmaのCDNリンクを追加した後、HTMLの要素に対してBulmaのクラスを適用することができます。例えば、以下のようにクラスを指定することで、ボタンをスタイリッシュにすることができます。
<button class="button is-primary">Click me</button>これにより、ボタンがBulmaのデフォルトのスタイルで表示されます。
-
追加のカスタマイズ: Bulmaは、さまざまなクラスやコンポーネントを提供しており、これらを組み合わせることでさらなるスタイリングが可能です。公式のドキュメントやコード例を参考に、必要なカスタマイズを行ってください。
以上がBulma CSSをCDNで利用する方法の概要です。これにより、プロジェクトに簡単にBulmaのスタイルを組み込むことができます。必要に応じて、プロジェクトの要件に合わせてBulmaのクラスやコンポーネントをカスタマイズしてください。