ترتيب ترتيب العمود مع col-lg-push و col-lg-pull في twitter bootstrap 3

يتيح ترتيب العمود في bootstrap 3 لضبط موضع الأعمدة داخل الطوائف المختلفة. تم تصميم فئات col-lg-push و col-lg-pull خصيصًا لهذا الغرض ، حيث توفر التحكم في تخطيط الأعمدة على أجهزة الشاشة الكبيرة (أجهزة سطح المكتب وأجهزة الكمبيوتر المحمولة). ترميز. على سبيل المثال ، إذا كنت تريد أن يظهر عمود الشبكة المكون من 5 شباك أولاً ، فضع محتواه قبل أول عمود من 5 شبكة في التعليمات البرمجية الخاصة بك. ستدفع هذه الفئة العمود بمقدار 5 أعمدة من موضعه الأصلي. ستقوم هذه الفئة بسحب العمود بمقدار 5 أعمدة نحو اليسار.

مثال:
1. Second

   first

   الثالث

   التفسير:
2. في هذا المثال ، يتم دفع العمود الثاني إلى اليمين بمقدار 5 أعمدة باستخدام col-lg-push-5 ، مما يجعله يظهر بعد العمود الثالث على الشاشات الكبيرة. يتم سحب العمود الأول إلى اليسار بمقدار 5 أعمدة باستخدام Col-LG-Pull-5 ، مما يجلبه قبل العمود الثالث. هذا يخلق التصميم المطلوب: [5] (ثانيًا) ، [5] (أولاً) ، [2] على الهاتف المحمول و [5] [5] [2] على سطح المكتب.
3. اليسار. التأثير على أحجام الشاشة الأصغر ، حيث أن Bootstrap يعطي الأولوية لتخطيط الهاتف المحمول افتراضيًا.