布尔玛图标文本

布尔玛图标文本（Bulma Icon Text）是一种基于Bulma的CSS框架的文本图标方案。它提供了一些简单易用的CSS类，允许在文本中添加图标，以增强文档的可读性和美观性。

安装和使用

你可以通过网站CdnJs获取最新的Bulma Icon Text CSS文件。然后，在HTML文件中，通过添加CSS文件，使用各种CSS类来插入图标文本。

示例

下面是一些常用的Bulma Icon Text CSS类，以及它们在HTML中的使用。

<p class="has-icons-left">
  <input class="input" type="email" placeholder="Email">
  <span class="icon is-left">
    <i class="fas fa-envelope"></i>
  </span>
</p>

<p class="has-icons-right">
  <input class="input" type="password" placeholder="Password">
  <span class="icon is-right">
    <i class="fas fa-lock"></i>
  </span>
</p>

<p class="has-icons-left has-icons-right">
  <input class="input" type="email" placeholder="Email">
  <span class="icon is-small is-left">
    <i class="fas fa-envelope"></i>
  </span>
  <span class="icon is-small is-right">
    <i class="fas fa-check"></i>
  </span>
</p>

结论

Bulma Icon Text提供了一种简单易用的方法来插入图标文本，增强文档的可读性和美观性。Bulma Icon Text仅仅依赖于Bulma CSS框架，并且非常适合用于快速开发原型和小型项目。