Clearfix

clearfix උපයෝගීතාවයක් එක් කිරීමෙන් බහාලුමක් තුළ පාවෙන අන්තර්ගතය ඉක්මනින් සහ පහසුවෙන් ඉවත් කරන්න.

මව් මූලද්‍රව්‍යයටfloat එකතු කිරීමෙන් s පහසුවෙන් ඉවත් කරන්න . මිශ්‍රණයක් ලෙසද භාවිතා කළ හැක..clearfix

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

// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

පහත උදාහරණය මගින් clearfix භාවිතා කළ හැකි ආකාරය පෙන්වයි. පැහැදිලි නිශ්චය නොමැතිව එතීමේ div බොත්තම් වටා නොපැමිණෙන අතර එය බිඳුණු පිරිසැලසුමක් ඇති කරයි.

<div class="bg-info clearfix">
  <button type="button" class="btn btn-secondary float-left">Example Button floated left</button>
  <button type="button" class="btn btn-secondary float-right">Example Button floated right</button>
</div>