Html 在段落和链接上使用引导中的clearfix

我试图清除段落中的浮动链接。我将clearfix设置为根div，其中包含浮动元素和普通元素

<div class="container clearfix">
  <div class="row">
    <div class="col-md-12">
      <h2>Accountoverview</h2>
      <hr>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <p>
        <a href="#" class="btn btn-success pull-right">
         <span class="glyphicon glyphicon-plus"></span> 
          Test
        </a>
      </p>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>Username</th>
              <th>Email</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

帐户概述



用户名
电子邮件

例如：

在视口大小800px上，链接（按钮）会打断结构

有办法解决吗

全尺寸分辨率：

---

我在父p标记中添加了一个clearfix。小提琴：

clearfix需要在浮动元素的直接父元素上运行，这就是为什么您的解决方案不起作用的原因，Mozammil的这个解决方案起作用了。

<div class="row">
 <div class="col-md-12">
  <p class="clearfix">
    <a href="#" class="btn btn-success pull-right"><span class="glyphicon glyphicon-plus"></span> Test</a>
  </p>
 </div>
</div>