まず、BootstrapのCDNリンクをHTMLファイルの
セクション内に追加する必要があります。以下のコードをタグ内に挿入します。<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>このリンクは、Bootstrapのスタイルシートを読み込むために必要です。
次に、リンクを追加したい場所に要素を追加します。以下のようなコードを使用します。
<a href="リンク先のURL">リンクテキスト</a>上記のコードの「リンク先のURL」には、リンク先のURLを入力します。例えば、Googleのホームページにリンクする場合は、「https://www.google.com/」を使用します。また、「リンクテキスト」には、リンクの表示テキストを入力します。例えば、「Googleにアクセスする」というテキストを表示したい場合は、「Googleにアクセスする」と入力します。
さらに、Bootstrapのクラスを使用してスタイルを追加することもできます。例えば、ボタンスタイルを適用するには、要素に「btn」というクラスを追加します。以下のコードを使用します。
<a href="リンク先のURL" class="btn btn-primary">リンクテキスト</a>上記のコードでは、リンクがボタンとして表示され、ブートストラップのプライマリカラーが適用されます。
以上が、Bootstrapを使用してHTMLにリンクを追加する方法です。この方法を使えば、シンプルかつ簡単にスタイリッシュなリンクを作成することができます。