自举井内的中心

Question

我一直在努力获得助推器的内容。我的徽章走向右侧，而不是箭头下方，而我的箭头（又名投票按钮）并不居中。我附上截图，下面是相关代码：

HTML：

<div class="col-md-1 col-sm-1 well"> 
<div class="votingButton" data-ng-controller="pfcArticleVoting" data-ng-click="upVote(article);"> 
    <i class="glyphicon glyphicon-chevron-up"></i> 
</div> 
<div class="badge badge-inverse"> 
    <div>{{article.articlevotes}}</div> 
</div> 
<div class="votingButton" data-ng-controller="pfcArticleVoting" data-ng-click="downVote(article);"> 
    <i class="glyphicon glyphicon-chevron-down"></i> 
</div> 

这里是唯一的自定义CSS超出标准的引导：

/* Voting styling */ 
.votingButton{ 
cursor: pointer; 
} 

这里是屏幕截图：

Answer 1

尝试class="text-center"，应该做的伎俩，如果不是你可以重新定位它使用style="postion: absolute; margin-left: -5px;"，如果你不太挑剔的井大小，这可能是另一个问题，因为“好”。将尺寸修改得更大一些，这会有所帮助。

Answer 2

您的列宽太小而无法正确显示。您需要将col-md-1 col-sm-1更改为col-md-2 col-sm-2或减少div内的填充。