这是我当前的代码

 .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>


随时进行工作。谢谢

最佳答案

如果您要坚持纯自举程序样式,则可以执行以下操作:

<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下方位于移动断点的中心,这可能是您追求的,也可能不是。

07-24 09:46
查看更多