عمود الإزاحة:
في نظام شبكة bootstrap ، يمكننا استخدام أعمدة الإزاحة لتحقيق تأثير تحريك العمود بشكل صحيح ، كما هو موضح أدناه:
<viv> <viv> col2 </viv> </viv>
class = "Col-SM-2 Col-SM-SM-1" تعني أن العمود يحتل جزأين وينقل جزءًا إلى اليمين. النتائج التي تراها كما يلي:
Col-SM DEFSET-1 يعني نقل نسخة واحدة بشكل صحيح. Col-SM-2 يعني تحويل نسختين بشكل صحيح وما إلى ذلك. لا تدعم فئة Col-XS أعمدة الإزاحة ، ولكن يمكن تحقيقها بمجرد استخدام خلية فارغة.
الأعمدة المتداخلة:
يمكننا أن نعشش شبكات في المحتوى على النحو التالي:
<viv> <viv> <viv> <viv> col </viv> <viv> col </viv> </viv> <viv> <viv> <viv> col3 </viv> <viv> col4 </viv> </viv> </viv> </viv>
الطبقة الخارجية هي شبكة من عمودين في صف واحد وعمودان. يمثل العمود الأول 4 أجزاء ، ويحسب العمود الثاني 8 أجزاء ، وشبكة من عمودين في صف واحد وعمودان متداخلان في العمود الأول. يمثل العمود الأول جزأين ، ويمثل العمود الثاني 10 أجزاء. تأثير العرض كما يلي:
ما سبق هو الوصف الكامل لعمود إزاحة نظام شبكة Bootstrap الرابع والعمود المتداخل الذي تم تقديمه إليك. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!