当前位置: 首页 > 面试题库 >

如何在Twitter Bootstrap中添加自定义图标?

欧阳翔
2023-03-14
问题内容

我正在使用Twitter Bootstrap添加图标,没有问题。他们有很多选择。

http://twitter.github.com/bootstrap/base-
css.html#icons

但是,我找不到菜单项之一的适当图标。关于“汽车”。我想要的是我想添加我的自定义图标。我怎样才能做到这一点?


问题答案:

您可以通过在自己的类(如)中定义图标来创建自己的图标:

.icon-car {
    background-image: url("http://cdn5.iconfinder.com/data/icons/Symbolicons_Transportation/24/Car.png");
    background-position: center center;
}

当然要记住使用前缀,.icon-*因为前缀是由引导程序设置的属性选择器确定的,以应用所有样式(widh / height / line-height等)。

只需尝试与原始图标(14x14)保持相同的宽度和高度,这样就不必定义自己的宽度和高度,也不会与line- height元素的混乱。



 类似资料:
  • 我想在向url发送请求时添加假用户代理。但它并没有添加假useragent,而是使用默认的useragent。

  • 是否有一个时间格式来指定这样的日期序列到轴在D3和v4?

  • 我正在为Wordpress中的Elementor编辑器开发一个自定义小部件。 我想设置自定义小部件图标,Elementor提供了get_ICON函数,我们必须返回类,该类包含:before伪元素,并在浏览器中呈现。 是否有任何方法可以使用png或任何其他格式将图标更新到Elementor小部件。 甚至我也试着用内容为空和背景图像的类。它不起作用了。 在Elementor中创建自定义小部件的文档:h

  • 所以我想在我的android应用程序中添加自定义视图标记,我从API请求中获取坐标,我想在各自的标记上显示位置的徽标。我正在从同一个API请求获取标记的URL。此外,我希望所有标记都是单个符号层的一部分,因为我也想对这些标记进行聚类。图片来源:谷歌图片搜索。

  • Thymeleaf有许多有用的实用程序,如或。我试图添加一个自定义的,但不知道如何注册这一点。

  • 问题内容: 背后有不同的原因,但是我想知道如何简单地向JSX中的元素添加自定义属性? 问题答案: 编辑:更新以反映React 16 React 16本机支持自定义属性。这意味着向元素添加自定义属性现在就像将其添加至函数一样简单,如下所示: 先前的答案(第15和更早版本) 当前不支持自定义属性。有关更多信息,请参见此未解决的问题: 解决方法是,您可以在中执行以下操作: