با افزودن .clearfixبه عنصر والد، شناورها را به راحتی پاک کنید. به صورت ترکیبی نیز قابل استفاده است.

<div class="clearfix">...</div>

مثال زیر نشان می دهد که چگونه می توان از clearfix استفاده کرد. بدون شفاف‌سازی، div بسته‌بندی به اطراف دکمه‌ها نمی‌چرخد که باعث شکستگی طرح‌بندی می‌شود.

<div class="bg-primary progress-bar-striped clearfix">
  <button class="btn btn-secondary float-start" type="button">Example Button floated left</button>
  <button class="btn btn-secondary float-end" type="button">Example Button floated right</button>
</div>