Question

我正在使用Bootstrap 3的网站上工作。我需要在列表项的右侧垂直对齐按钮。为了做到这一点，我正在做以下事情：

<ul class="list-unstyled list-info">
  <li class="ng-binding ng-scope">
    <label style="width:initial;" class="ng-binding">First Name Last Name</label><br>
    Birthdate
    <a ng-click="viewDetails()" class="btn-icon-round btn-icon-round-sm bg-success pull-right" style="vertical-align:middle;"><i class="fa fa-chevron-right"></i></a> 
  </li>
</ul>

如何将图标垂直居中在列表项的右边缘？我将有其他列表项。出于这个原因，我需要在列表中。但是，我不知道该怎么做。

谢谢！

Answer 1

实现这一目标的一种方法是做这样的事情：

<ul class="list-inline">
<li>
 <ul class="list-unstyled list-info">
  <li class="ng-binding ng-scope">
    <label style="width:initial;" class="ng-binding">First Name Last Name</label><br>
    Birthdate
  </li>
 </ul>
</li>
<li>
      <a ng-click="viewDetails()" class="btn-icon-round btn-icon-round-sm bg-success pull-right" style="vertical-align:middle;"><i class="fa fa-chevron-right"></i></a> 
</li>
</ul>

然后根据您的判断填写链接

在Bootstrap中垂直居中列表项

1 个答案: