Question

我需要换行，但我不想在我的HTML上使用<br>标签。

所以我尝试使用：<div class="clearfix"></div>

http://v4-alpha.getbootstrap.com/components/utilities/#clearfix

但没有用。

基本上我只想要一个空行来分隔我的div。

e.g：

<div class="col-md-12">
    <button type="button" ng-show="versions" class="btn">
      copy link<i class="fa-link"></i>
    </button>
</div>
<div class="clearfix"></div>
<div class="col-md-12">
    <button type="button" ng-show="versions" class="btn">
      copy link<i class="fa-link"></i>
    </button>
</div>

有什么建议吗？

感谢

Answer 1

只需使用底部边距......这就是它的用途。

.col-md-12 {
    margin-bottom:1em;
}

.col-md-12 {
  margin-bottom: 1em;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-md-12">
  <button type="button" ng-show="versions" class="btn">
    copy link<i class="fa fa-link"></i>
  </button>
</div>
<div class="clearfix"></div>
<div class="col-md-12">
  <button type="button" ng-show="versions" class="btn">
    copy link<i class="fa fa-link"></i>
  </button>
</div>

使用bootstrap在HTML中进行换行的最佳实践

1 个答案: