如何使用Bootstrap将SVG图标并排放置到另一个div上的圆上？

引导程序图标是SVG，因此它们可以快速轻松地扩展，并且可以使用CSS设置样式。

方法：
我们可以放置SVG图标，并为其指定一个圆形。这将使SVG图标看起来呈圆形。
"rounded-circle"的Bootstrap类来实现。

句法：

例子：
让我们尝试将三个SVG图标放在出现在同一行上的圆上(根据需要并排放置)。
为了确保所有图标并排出现，我们必须包括float: left;在标签的CSS中。

另外(可选)，我们还添加了Bootstrap类"shadow-lg" ，以在每个SVG图标下添加阴影以使其看起来不错。

示例：将此标记放置在

标记内，如下所示：

输出：

参考：

1. 引导文档
2. 笑脸SVG图标
3. 引导中的阴影