Bootstrap 4按钮带有文本和图标

Question

我想通过使用bootstrap4在探索文本和font-awesome图标之间放置一些空格

Answer 1

插入 以添加更多空格。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


<button class="btn btn-primary"><i class="fa fa-adjust"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Explore</button>

Answer 2

有我按钮的方式：

<button type="button" class="btn btn-primary"><i class="fas fa-close mr-1"></i> Primary</button>

使用默认的间距类可根据需要添加空间。

谢谢。