in English
ꯀ꯭ꯂꯤꯌꯥꯔꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫
ꯀ꯭ꯂꯤꯌꯔꯐꯤꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯐ꯭ꯂꯣꯠ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯊꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯐꯖꯅꯥ ꯀ꯭ꯂꯤꯌꯔ ꯇꯧ꯫
ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯇꯥfloat
ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯐꯖꯅꯥ ꯀ꯭ꯂꯤꯌꯔ ꯇꯧꯕꯥ s . ꯃꯤꯛꯁꯤꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫.clearfix
HTML ꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ:
<div class="clearfix">...</div>
ꯃꯤꯛꯁꯤꯅꯒꯤ ꯁꯣꯔꯁ ꯀꯣꯗ ꯑꯁꯤ:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
ꯑꯦꯁ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯃꯤꯛꯁꯤꯟ ꯁꯤꯖꯤꯟꯅꯧ:
.element {
@include clearfix;
}
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯝ ꯑꯁꯤꯅꯥ ꯀ꯭ꯂꯤꯌꯥꯔꯐꯤꯛꯁ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯎꯠꯂꯤ꯫ ꯀ꯭ꯂꯤꯌꯥꯔꯐꯤꯛꯁ ꯌꯥꯑꯣꯗꯅꯥ ꯔꯦꯄꯤꯡ ꯗꯤꯚ ꯑꯁꯤꯅꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯁ꯭ꯄꯦꯟ ꯇꯧꯔꯣꯏ ꯃꯗꯨꯅꯥ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯥ ꯊꯣꯀꯍꯅꯒꯅꯤ꯫
<div class="bg-info clearfix">
<button type="button" class="btn btn-secondary float-start">Example Button floated left</button>
<button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>