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