如何正确显示右拉？答案

【问题标题】：How to make pull right display properly?如何正确显示右拉？
【发布时间】：2016-02-04 23:24:20
【问题描述】：

这是我当前的代码

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

请随意工作。谢谢

【问题讨论】：

这是什么语言？
@ChrisBier 它是 angularJS 的玉石。随意给我简单的html示例。
请提供 HTML / CSS 代码示例和/或演示。
@Michael_B 我添加了一个 HTML 代码示例。谢谢。
@Michael_B 是的，我仍然想要一个简单的方法来做到这一点。我有很多工作需要在一条线上制作东西。例如，如何将<p>Tag:</p> 和<a href='#'>Tag</a> 放在一行中。我认为这一定很简单，但我无法弄清楚。你能给我一个通用的解决方案吗？我真的是前端新手

标签： css angularjs twitter-bootstrap pug

【解决方案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 下方的按钮的样式居中...这可能是也可能不是您所追求的。

【讨论】：

感谢您的回答。这个答案完全解决了我的问题。但是如果没有固定值的解就更好了。