本文摘要:
Bootstrap开源系统了首套房SVG图标库BootstrapIcons,其精英团队表明它是迄今为止第一次有着自身的图标库,此图标库最初专业对于其从表单控件到导航栏等部件和文本文档开展订制设计方案和搭建,现在可以完全免费用以一切项目,不管此项目是不是应用了Bootstrap。
Bootstrap开源系统了首套房SVG图标库BootstrapIcons,其精英团队表明它是迄今为止第一次有着自身的图标库,此图标库最初专业对于其从表单控件到导航栏等部件和文本文档开展订制设计方案和搭建,现在可以完全免费用以一切项目,不管此项目是不是应用了Bootstrap。查询BootstrapIcons»https://icons.getbootstrap.com/即然BootstrapIcons是SVG图标库,因而他们能够迅速、轻轻松松地拓展,而且能够相互配合CSS的应用开展个性定制。尽管他们是为Bootstrap设计方案的,但能够在一切项目中应用。
但是要留意的是,他们如今尚处在alpha环节,将来很有可能会出現重特大转变。BootstrapIcons官方网站出示了查找标志类型的输入框,客户可依据要求应用关键词(英语)开展搜索。依据自身的设定,能够根据多种多样方法将BootstrapIcons加上到项目:将SVG拷贝为嵌入式的HTML原素svgclass=bibi-chevron-rightwidth=32height=32viewBox=002020fill=currentColorxmlns=http://www.w3.org/2000/svgpathfill-rule=evenoddd=M6.6463.646a.5.5001.7080l66a.5.50010.708l-66a.5.5001-.708-.708L12.293106.6464.354a.5.50010-.708z//svg根据img原素引入imgsrc=/assets/img/bootstrap.svgalt=width=32height=32title=Bootstrap应用SVGspritesvgclass=biwidth=32height=32fill=currentColorusexlink:href=bootstrap-icons.svg#heart-fill//svgsvgclass=biwidth=32height=32fill=currentColorusexlink:href=bootstrap-icons.svg#toggles//svgsvgclass=biwidth=32height=32fill=currentColorusexlink:href=bootstrap-icons.svg#shop//svg根据CSS引入.bi::before{display:inline-block;content:;background-image:url(data:image/svg xml,svgviewBox=001616fill=#333xmlns=http://www.w3.org/2000/svgpathfill-rule=evenoddd=M89.5a1.51.50100-31.51.500003zclip-rule=evenodd//svg);background-repeat:no-repeat;background-size:1rem1rem;}详尽实例教程查询文本文档。
本文关键词:SVG,图标,库,BootstrapIcons,宣布,开源,可,免费,天博国际
本文来源:天博集团-www.dfpaa.com