アイコン付きのBootstrapボタンの作成方法

Bootstrapの読み込み: 最初に、BootstrapのCSSとJavaScriptファイルをHTMLファイルに読み込みます。以下のCDNリンクを使用すると簡単に読み込むことができます。
```
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
```
ボタンの作成: Bootstrapでは、<button>要素に適用するクラスを使用してボタンをスタイリングします。また、アイコンを表示するためにFont Awesomeというアイコンライブラリを使用します。以下のコード例を参考にしてください。
```
<button type="button" class="btn btn-primary">
 <i class="fa fa-check"></i> ボタンテキスト
</button>
```
上記の例では、btn btn-primaryクラスがボタンに基本的なスタイルを適用します。fa fa-checkクラスはFont Awesomeアイコンのチェックマークを表示します。ボタンテキストはボタンに表示されるテキストです。

必要に応じて、btnクラスに他のスタイルクラス（例えばbtn-dangerやbtn-successなど）を追加することで、さまざまなスタイルのボタンを作成することもできます。
ボタンの配置: ボタンの配置方法にはさまざまなオプションがあります。例えば、ボタングループやボタンツールバーを使用してボタンを配置することができます。以下のコード例を参考にしてください。
```
<div class="btn-group" role="group" aria-label="ボタングループ">
 <button type="button" class="btn btn-primary">
   <i class="fa fa-check"></i> ボタン1
 </button>
 <button type="button" class="btn btn-primary">
   <i class="fa fa-times"></i> ボタン2
 </button>
</div>
```
上記の例では、btn-groupクラスがボタングループを作成し、その中に2つのボタンを配置しています。aria-label属性はボタングループに関連するアクセシビリティ情報を提供します。

以上がアイコン付きのBootstrapボタンを作成する基本的な手順です。必要に応じて、コードをカスタマイズしてデザインや機能を追加することができます。また、他のBootstrapの機能やクラスを使用することで、さまざまなスタイルのボタンを作成することもできます。