Question

这是我目前的代码

 .tag-container.bottom-border.col-middle
    h1.text-center {{ tag.name }}
    button.btn.btn-follow.pull-right(ng-hide="hasFollowed" ng-click="tagArticles.followTag()") Follow

我想在中间设置tag.name，在右边设置按钮，但是它没有正确显示。我应该如何构建这两部分？我应该用什么css？

感谢。

更新

这是关于基本html的简化代码

<row>
  <div>
    <h1> Tag name</h1>
  </div>

  <div class="pull-right">
    <button>Follow</button>
  </div>
 </row>

随意使用它。感谢

Answer 1

如果你想坚持纯粹的自举样式，那么这样的事情就可以了：

<div class="row">
  <div class="col-md-10 col-md-offset-1">
    <h1 class="text-center">Tag name</h1>
  </div>

  <div class="col-md-1 text-center">
    <button class="btn btn-follow " style="margin-top: 1.5em;">Follow</button>
  </div>
</div>

您需要一些额外的样式来垂直居中按钮（以替换内部样式，将1.5em边距添加到顶部）。

此外，造型还将移动断点中h1下方的按钮置于中心位置......这可能是也可能不是您所追求的。

如何正确拉动右显示？

1 个答案: