انتقل إلى محتوى الدرس

BootStrap Float and Clearfix المحاذاة في bootstrap

ستتعلم في هذا الدرس عمل styling لكثير من elements العناصر وجعلها more responsive اكثر تجاوبا بدون كتابة كود CSS وذلك باستخدام اطار عمل bootstrap.

1 صفوف تعليمية
Bootstrap
3,170 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكن عمل محاذاة افقية للعناصر في bootstrap عن طريقة اضافة كلاس float-start لمحاذاة child element في بداية parent element وكلاس float-right لمحاذاة child element في نهاية parent element, ويضاف كلاس clearfix الى parent element.

Float And Clearfix

عمل محاذاة افقية للعناصر باستخدام bootstrap utilities.

HTML
<div class="clearfix">
    <span class="float-left btn btn-primary">Float left</span>
    <span class="float-right btn btn-primary">Float right</span>
</div>