مردان وردپرس آموزش بوت استرپ آموزش Bootstrap بخش پنجم- مثالی از ستون های تودرتو در بوت استرپ

آموزش Bootstrap بخش پنجم- مثالی از ستون های تودرتو در بوت استرپ

با سلام به کابران محترم سایت مردان وردپرس. در ادامه مباحث قبلی ازسری مقالات آموزش بوت استرپ، می خواهیم مثالی از چیدمان ستونها بصورت تودرتو یا Nested را داشته باشیم.

در این مثال ما دو ستون داریم که کلاس بندی آن ها از تبلت ها شروع شده و تا صفحات نمایش بزرگ تر مقیاس گذاری می شوند و دو ستون مساوی درون ستون بزرگ تر وجود دارد. درون موبایل ها این دو ستون و ستون های داخلی، همگی بصورت پشت سر هم یا stack قرار خواهند گرفت.

 

همانطور که در مثال می بینید، پس از کلاس col-sm-8، با گذاشتن کلاس row باعث شکست به خط بعدی شده، و با احتساب آن ستون، به یک ستون کامل، دو ستون مساوی درون آن ایجاد کرده است.

اگر مثال را درون فایل html اجرا کنید، تصویری مانند زیر را به شما خواهد داد.

ستون های تودرتو در بوت استرپ

امیدوارم که مفید واقع شود. با ادامه آموزش های بوت استرپ در سایت مردان وردپرس ما را همراهی کنید.  

تاریخ آخرین بروزرسانی : ۱ اسفند ۱۳۹۵
منبع :‌ مردان وردپرس
Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.