سامانه شبکه‌ای پیش‌فرض بوت‌استرپ صفحه را به ۱۲ ستون تقسیم می‌کند، بدون استفاده از ویژگی پاسخگو عرض صفحه ۹۴۰ پیکسل می‌شود. اگر سی‌اس‌اس پاسخگو را به آن اضافه کنیم، شبکه اندازه ۷۲۴ پیکسل یا ۱۱۷۰ پیکسل را، بسته به اندازهٔ صفحهٔ شما، انتخاب می‌کند. اگر اندازه صفحهٔ شما از ۷۶۷ پیکسل کوچک‌تر باشد، ستون‌ها بر روی هم و به‌صورت عمودی و متحرک قرار می‌گیرند.
فرض کنید میخواهید دو ستون مساوی در تگ body در index.html ایجاد کنید. باید به هر کدام از div ها یک class با نام span 6 بدهید. این کار به بوت استرپ می گوید که باید دو ستون کاملاً مساوی ایجاد کند که در هر ستون ۶ ظرفیت (span) جا بگیرد. در واقع از آنجایی که گفتیم بوت استرپ بر پایه ۱۲ گرید ایجاد شده است برای ایجاد ۲ ستون، با کلاسی که به div ها دادیم تعریف کردیم که هر کدام از div ها چند گرید را در بر بگیرند.
0447{{ مجموعه فیلم های آموزشی Twitter Bootstrap }}
سامانه شبکه‌ای پیش‌فرض بوت‌استرپ صفحه را به ۱۲ ستون تقسیم می‌کند، بدون استفاده از ویژگی پاسخگو عرض صفحه ۹۴۰ پیکسل می‌شود. اگر سی‌اس‌اس پاسخگو را به آن اضافه کنیم، شبکه اندازه ۷۲۴ پیکسل یا ۱۱۷۰ پیکسل را، بسته به اندازهٔ صفحهٔ شما، انتخاب می‌کند. اگر اندازه صفحهٔ شما از ۷۶۷ پیکسل کوچک‌تر باشد، ستون‌ها بر روی هم و به‌صورت عمودی و متحرک قرار می‌گیرند.
فرض کنید میخواهید دو ستون مساوی در تگ body در index.html ایجاد کنید. باید به هر کدام از div ها یک class با نام span 6 بدهید. این کار به بوت استرپ می گوید که باید دو ستون کاملاً مساوی ایجاد کند که در هر ستون ۶ ظرفیت (span) جا بگیرد. در واقع از آنجایی که گفتیم بوت استرپ بر پایه ۱۲ گرید ایجاد شده است برای ایجاد ۲ ستون، با کلاسی که به div ها دادیم تعریف کردیم که هر کدام از div ها چند گرید را در بر بگیرند.
جدا کردن ستون‌ها از یکدیگر
برای حرکت دادن ستون‌ها به چپ از کلاس‌های .offset* استفاده می‌کنیم. هر کلاس حاشیهٔ راستی به اندازه یک ستون به طرف چپ ایجاد می‌کند .برای مثال، .offset4 به اندازه ۴ ستون .span4 آن را حرکت می‌دهد.
زبان : فارسی
مدت زمان ويدئو : 28 دقیقه
قسمت : 2
حجم : 38مگابایت
مدرس : شیرزاد
ناشر : دانشجویار
ناشر : دانشــــجویار
منبع : دانشجویار
منبع : دانشــــجویار
سطح آموزش : متوسط - مقدماتی - پیشرفته
پيش نياز : html , css
پسورد : www.daneshjooyar.com
لینک : برای دانلود
برچسب‌ها:
فروشگاه لوازم جانبی خودرو فورشگاه محصولات پزشکی 650{{آموزش مقدماتی مایا(maya) – درس چهاردهم }} 651{{ فیلم آموزش کدنویسی (Query) در نرم افزار SQL Server قسمت چهارم -مطابق با جهاد دانشگاهی }} 652{{ آموزش کامل HTML (قسمت ششم) }} 653{{ آموزش کامل زبان برنامه نویسی پرولوگ }} 0654{{ آموزش برنامه نویسی Visual Basic (قسمت چهارم) }} 0664{{ آموزش مقدماتی مایا – درس بیستم – ساخت درب و پنجره (قسمت دوم) k20 }} 0665{{ آموزش مقدماتی مایا – درس نوزدهم – ساخت درب و پنجره (قسمت اول) k19 }} 0666{{ آموزش ساختن فروشگاه آنلاین با فروشگاه ساز رایگان اپن کارت ( قسمت اول ) }}