Html 升级到bootstrap 3已经搞乱了我的圈子

我已经更新到bootstrap3。以前我有一个div，它是一个圆，在这个圆里面有一个图标，它取自一个字形图标。这是一个完美的圆，现在这个圆更像是一个圆形的矩形。如果我在圆中没有图标，它将是一个圆，但一旦我将图标放入圆中，它就会变成一个矩形。这在以前版本的引导中没有发生。JSFIDLE有我当前的代码。小提琴会显示一个圆形，因为我不能在小提琴中添加一个字形图标（复选标记），但是如果它在那里（列表标签上的类fa icon check就是获取图标的对象），它将是一个圆形矩形而不是圆形。当图标在里面时，如何使圆圈保持圆形

CSS:

.icons-box {
    text-align: center;
    padding: 20px 10px 10px 10px;
}

.icons-box i {
    font-size: 44px;
    display: inline-block;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    background: #fff;
    padding: 45px 42px;

<div style="background:#000;">
        <div class="icons-box">
            <!-- fa-icon-check is an icon that comes from glyphicons -->
            <i class="fa-icon-check"></i>
</div>

HTML:

.icons-box {
    text-align: center;
    padding: 20px 10px 10px 10px;
}

.icons-box i {
    font-size: 44px;
    display: inline-block;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    background: #fff;
    padding: 45px 42px;

<div style="background:#000;">
        <div class="icons-box">
            <!-- fa-icon-check is an icon that comes from glyphicons -->
            <i class="fa-icon-check"></i>
</div>

---

以下是圆圈内的一些引导图示符图标：-

<style>

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.btn-round.btn-lg {
    width: 48px;
    height: 48px;
}

.btn-round.btn-sm {
    width: 34px;
    height: 34px;
}

.btn-round.btn-xs {
    width: 24px;
    height: 24px;
}
</style>






    <!-- large buttons -->
<button type="button" class="btn btn-default btn-lg btn-round"><span class="glyphicon glyphicon-retweet"></span></button>
<button type="button" class="btn btn-primary btn-lg btn-round"><span class="glyphicon glyphicon-share"></span></button>
<button type="button" class="btn btn-success btn-lg btn-round"><span class="glyphicon glyphicon-thumbs-up"></span></button>
<button type="button" class="btn btn-danger btn-lg btn-round"><span class="glyphicon glyphicon-thumbs-down"></span></button>
<button type="button" class="btn btn-info btn-lg btn-round"><span class="glyphicon glyphicon-zoom-in"></span></button>
<button type="button" class="btn btn-warning btn-lg btn-round"><span class="glyphicon glyphicon-zoom-out"></span></button>

<!-- default size buttons -->
<button type="button" class="btn btn-default btn-round"><span class="glyphicon glyphicon-music"></span></button>
<button type="button" class="btn btn-primary btn-round"><span class="glyphicon glyphicon-fast-backward"></span></button>
<button type="button" class="btn btn-success btn-round"><span class="glyphicon glyphicon-play"></span></button>
<button type="button" class="btn btn-info btn-round"><span class="glyphicon glyphicon-stop"></span></button>
<button type="button" class="btn btn-warning btn-round"><span class="glyphicon glyphicon-fast-forward"></span></button>
<button type="button" class="btn btn-danger btn-round"><span class="glyphicon glyphicon-volume-off"></span></button>

<!-- small buttons -->
<button type="button" class="btn btn-default btn-sm btn-round"><span class="glyphicon glyphicon-paperclip"></span></button>
<button type="button" class="btn btn-primary btn-sm btn-round"><span class="glyphicon glyphicon-align-left"></span></button>
<button type="button" class="btn btn-success btn-sm btn-round"><span class="glyphicon glyphicon-align-center"></span></button>
<button type="button" class="btn btn-info btn-sm btn-round"><span class="glyphicon glyphicon-align-right"></span></button>
<button type="button" class="btn btn-warning btn-sm btn-round"><span class="glyphicon glyphicon-align-justify"></span></button>
<button type="button" class="btn btn-danger btn-sm btn-round"><span class="glyphicon glyphicon-trash"></span></button>

<!-- extra small buttons -->
<button type="button" class="btn btn-default btn-xs btn-round"><span class="glyphicon glyphicon-user"></span></button>
<button type="button" class="btn btn-primary btn-xs btn-round"><span class="glyphicon glyphicon-stats"></span></button>
<button type="button" class="btn btn-success btn-xs btn-round"><span class="glyphicon glyphicon-ok"></span></button>
<button type="button" class="btn btn-info btn-xs btn-round"><span class="glyphicon glyphicon-comment"></span></button>
<button type="button" class="btn btn-warning btn-xs btn-round"><span class="glyphicon glyphicon-envelope"></span></button>
<button type="button" class="btn btn-danger btn-xs btn-round"><span class="glyphicon glyphicon-remove"></span></button>

.btn轮{
宽度：40px；
高度：40px；
边界半径：50%；
}
.btn-round.btn-lg{
宽度：48px；
高度：48px；
}
.btn-round.btn-sm{
宽度：34px；
高度：34px；
}
.btn-round.btn-xs{
宽度：24px；
高度：24px；
}

fa

图标来自

font-awesome

对吗？如果你分别发布旧行为和新行为，那就好了@古鲁普拉萨德罗：是的。对不起，我不知道你所说的旧的和新的是什么意思。我根本没有更改代码。我刚刚升级了引导程序。按照旧方法，圆圈内的图标总是在圆圈内，现在当图标在圆圈内时，圆圈变成垂直拉伸的圆圈（圆形矩形）。旧引导版本是什么？@GuruprasadRao它是2012年的版本，我相信它是v2.2.0版。您创建的小提琴并不代表您所面临的问题。。您需要通过添加对

bootstrap

库的引用来在fiddle中创建问题。。而

最初应该有一个名为just

fa

的类。。如

fa图标检查

。。