首页 > 电脑专区 > 电脑教程 >

bootstrap框架如何使用图标

来源:互联网 2023-02-21 18:09:08 版权归原作者所有,如有侵权,请联系我们

出于性能的考虑,所有图标都需要一个基类和对应每个图标的类。为了设置正确的内补(padding),务必在图标和文本之间添加一个空格。9DQ办公区 - 实用经验教程分享!

bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件(Dreamweaver)

方法/步骤

  • 1

    9DQ办公区 - 实用经验教程分享!

    图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个 span> 标签,并将图标类应用到这个 span> 标签上。9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 2

    9DQ办公区 - 实用经验教程分享!

    图标类只能应用在不包含任何文本内容或子元素的元素上。9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 3

    9DQ办公区 - 实用经验教程分享!

    改变图标字体文件的位置。9DQ办公区 - 实用经验教程分享!

    9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 4

    图标的可访问性9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    可以把它们应用到按钮、工具条中的按钮组、导航或输入框等地方。9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 6

    alert 组件中所包含的图标是用来表示这是一条错误消息的,通过添加额外的 .sr-only 文本就可以让辅助设备知道这条提示所要表达的意思。9DQ办公区 - 实用经验教程分享!

    bootstrap框架如何使用图标9DQ办公区 - 实用经验教程分享!

  • 注意事项

    • F12可打开查看器查看源代码
    • bootstrap框架语言中图标可去bootstrap官网上查找

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9DQ办公区 - 实用经验教程分享!


    标签: 操作系统网页使用

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号