مهلت استفاده از تخفیف ویژه ی ماه مبارک رمضان به اتمام رسیده است.

چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

۴۹۲۷ ساعت فیلم تدریس شده است

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش BootStrap
مجموعه فیلم های آموزشی Twitter Bootstrap
۱۳ نظر
بازدید : 5,025 بازدید
مجموعه فیلم های آموزشی Twitter Bootstrap

سامانه شبکه‌ای پیش‌فرض بوت‌استرپ صفحه را به ۱۲ ستون تقسیم می‌کند، بدون استفاده از ویژگی پاسخگو عرض صفحه ۹۴۰ پیکسل می‌شود. اگر سی‌اس‌اس پاسخگو را به آن اضافه کنیم، شبکه اندازه ۷۲۴ پیکسل یا ۱۱۷۰ پیکسل را، بسته به اندازهٔ صفحهٔ شما، انتخاب می‌کند. اگر اندازه صفحهٔ شما از ۷۶۷ پیکسل کوچک‌تر باشد، ستون‌ها بر روی هم و به‌صورت عمودی و متحرک قرار می‌گیرند.

فرض کنید میخواهید دو ستون مساوی در تگ body در index.html ایجاد کنید. باید به هر کدام از div ها یک class با نام span 6  بدهید. این کار به بوت استرپ می گوید که باید دو ستون کاملاً مساوی ایجاد کند که در هر ستون ۶ ظرفیت (span) جا بگیرد. در واقع از آنجایی که گفتیم بوت استرپ بر پایه ۱۲ گرید ایجاد شده است برای ایجاد ۲ ستون، با کلاسی که به div ها دادیم تعریف کردیم که هر کدام از div ها چند گرید را در بر بگیرند.


 

جدا کردن ستون‌ها از یکدیگر

برای حرکت دادن ستون‌ها به چپ از کلاس‌های .offset* استفاده می‌کنیم. هر کلاس حاشیهٔ راستی به اندازه یک ستون به طرف چپ ایجاد می‌کند .برای مثال، .offset4 به اندازه ۴ ستون .span4 آن را حرکت می‌دهد.

 

 

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

دریافت کنید

  •   لینک :   براي دانلود روي تصوير مقابل کليک کنيد »
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۱۳
    • ernika
      دوشنبه ۱۱ اسفند ۱۳۹۳ - ۲۰:۲۳

      اگر ممکنه قسمت سوم هم بذارید روی سایت چون من به شدت به یادگیریش احتیاج دارم
      ممنون از زحماتتون

    • reza
      پنج شنبه ۲۲ آبان ۱۳۹۳ - ۱۲:۱۲

      سلام
      اگر ما بخواهیم فیلم آموزشی قسمت ۱ را دانلود کنیم باید از کدام قسمت سایت دنبال آن بگردیم؟
      با تشکر

      • مدیر- تقی زاده
        پنج شنبه ۲۲ آبان ۱۳۹۳ - ۱۳:۳۶

        سلام
        از سرچ سایت استفاده کنین

    • Mahdi
      دوشنبه ۱۶ تیر ۱۳۹۳ - ۱۴:۴۵

      هرچی دنبال این اموزش به زبان فارسی گشتم هیچی پیدا نکردم
      آقای شیرازد لطفا بیاین ادامه بدین !
      http://www.daneshjooyar.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif

    • سعید
      پنج شنبه ۲۹ خرداد ۱۳۹۳ - ۲۱:۲۷

      سلام

      ممنونم از آموزش

      این آموزش رو ادامه نمیدین؟

    • alijam
      پنج شنبه ۸ اسفند ۱۳۹۲ - ۱۴:۲۲

      با پوزش بخاطر غلط های املایی.اینهم از نتایج تایپ یک دستی و یک انگشتی.پوزش:(

    • alijam
      پنج شنبه ۸ اسفند ۱۳۹۲ - ۱۴:۱۸

      دوست عزی .و استید محترم.ابته این شامل آدمین سایت نیز میشه.اول از همه تشکر بخاطر آموزشهاتون و زحمات تون.باید بدونین کسانی که بی احترامی میکنن یا از روی حسادت و از طرف رقیبان میباشد و یا افزادی که حتی شاید علاقه ای به مطالعه یا یادگیری نداشته باشند و فقط از روی عصبانیت خاص یا معنی دار (از روی ناتوانی مهعنی کنید) دست به نوشتن برخی لعات ناشایست میزنند.شما بدل نگیرید.کاربران جز تشکر نمیتوانند کار دیگریر برای شما عزیزان انجام دهند.اما باور کنید این تشکر از ته دل است.موفق باشید.alijam

      • مدیر- تقی زاده
        پنج شنبه ۸ اسفند ۱۳۹۲ - ۲۰:۰۶

        ممنون از شما دوست عزیز علی آقا

    • Aref Taker
      جمعه ۲۵ بهمن ۱۳۹۲ - ۱۹:۵۰

      قسمت سومش رو کی میزاریــــــــــــــــــــــــــــــــــــــــــــــــد؟

      • مدرس – شیرزاد
        جمعه ۲۵ بهمن ۱۳۹۲ - ۱۹:۵۹

        تشکروسپاس دارم ازهمه کاربران عزیز واستادان زحمت کش
        به دلیل مشغله کاری وامتحانات پایان ترم ببخشیدنتونستم ادامه آموزش روبه اتمام برسونم
        لطفابه خاطراین مشکلات من مدیرسایت روسرزنش نکنیدوبعضی هم احترام خودشون روازیادنبرند.
        باتشکر

    • kian
      چهارشنبه ۲۷ آذر ۱۳۹۲ - ۱۸:۳۰

      سلام متشکر از زحماتتون
      اگر برایتان مقد.ر است آموزش ها را کامل کنید

    • Omid
      پنج شنبه ۷ آذر ۱۳۹۲ - ۰۱:۱۴

      خدا خیرتون بده بازم از این مطالب مربط به طراحی وب بذارید با تشکر!

    • rouhollah5613
      دوشنبه ۲۷ آبان ۱۳۹۲ - ۰۹:۲۲

      سلام
      عالی بود واقعا
      لطفا اگه میشه مطالب مشابه رو هم تو سایتتون بذارین

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    کلاس آنلاین

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,Network)
      60 درصد تخفیف

    مطالب سایت بر اساس

    جدیدترین ها
    محبوب ترین ها
    بطور تصادفی
    دانشجویار مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت logo-samandehi بانک تجارت دانشجویار