Question

我试图做一件简单的事情：我从de Bootstrap 3组件文档here中获取带有徽章的list-group的基本示例。问题是我在行的开头需要一个按钮，但这会使主文本垂直未对齐，并且pull-right文本在顶部对齐。

感谢。

Answer 1

我修改了你的代码：

请参阅更新的bootply： http://www.bootply.com/129053

<强> HTML

<ul class="list-group">
  <li class="list-group-item">
    <span class="badge">67512</span>
    <button>w</button>
    <a href="#" class="margin-sm">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit
    </a>
  </li>
  <li class="list-group-item">
    <span class="badge">67512</span>
    <button>w</button>
    <a href="#" class="margin-sm">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit
    </a>

  </li>
</ul>

<强> CSS

.margin-sm,.list-group-item .badge {
    margin: 4px;
}

我不知道这是否是你想要的效果......

Bootstrap 3，添加按钮到列表组垂直错位其他所有内容

1 个答案: