Icons equal to those of the boostrap

Question

Icons equal to those of the boostrap

Navigation

#1 by (1 votes)

0

I would like to know how I can get an icon of my own, put it on the page, but if I want to change the color or size of the icon, I can do that ...

For example, in the hover of a link, it changes color.

att,

css twitter-bootstrap icons

asked by anonymous 04.05.2018 / 02:43

1 answer

How to change the date 2017-07-04 12:53:14 for Day / Month / Year with PHP Doubt with TreeView manipulation and delimited TXT files

score 1 · Answer 1

If it's about the Bootstrap icons, you can put any Glyphicons , available on the site, which is only <span> with the classes that make the visual change.

For any change in color or size, you can use :hover directly in css, in any class, id, or tag. Whenever the mouse passes over the element, this block will activate.

To change the color of the icon, just use the color property within :hover .

To resize, there is more than one way to do it. I'm making an example with transform: scale(n) . Check below if this is what you are looking for (hover over the icon):

.glyphicon:hover {
  color: blue;
  transform: scale(2);
  margin-right: 10px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="alert alert-danger" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
    <span class="sr-only">Error:</span>
    Enter a valid email address
</div>