CODEWITHSUNDEEP
csstwitter-bootstrapglyphicons
Hatori Hanzo
Hatori Hanzo

Reputation: 41

Bootstrap - How to centre a glyphicon inside a panel?

I am trying to center a glyphicon inside of a panel using Bootstrap 3. As it currently stands, the icon is positioned on the left of the panel.

Any advice is greatly appreciated.

My code:

<div class="panel-body">

      <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>

Upvotes: 0

Views: 1115

Answers (1)

j08691
j08691

Reputation: 207913

You can add Bootstrap's text-center class to your div:

<div class="panel-body text-center">
      <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
</div>

bootply example

Upvotes: 1

Related Questions