Does bootstrap have a basic circle glyphicon

Question

Is there just a basic circle for the glyphicons in Bootstrap??? There are plenty of circles with images in them.. but I would just like to use a basic cirlce. Thanks!

Answer 1

Like others have said, the Bootstrap team have opted to not fill an icon spot with a standard character. It's pretty easy to build your own, though.

There's an empty dot, too, and, of course you can color them.

Sizing might be best accomplished by using semantic markup or by extending Bootstrap's typography classes with custom CSS.

.one-fine-dot::before {
  content: "\25cf";
}

.one-fine-red-dot::before {
  content: "\25cf";
  color: red;
}

.one-fine-empty-dot::before {
  content: "\25cb";
}

.lead .one-fine-dot {
  font-size: 1.5em;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<p>One fine dot: <span class="glyphicon one-fine-dot"></span></p>

<p>One fine red dot: <span class="glyphicon one-fine-red-dot"></span></p>

<p>One fine empty dot: <span class="glyphicon one-fine-empty-dot"></span></p>

<p class="lead">One fine lead dot: <span class="glyphicon one-fine-dot"></span></p>

<h2>One fine heading dot: <span class="glyphicon one-fine-dot"></span></h2>

Answer 2

No, it doesn't. There's no such icon in the Glyphicons Halflings font.

Font Awesome has such an icon though (named fa-circle-o).