آموزش دانلود و نصب بوت استرپ (Bootstrap)

آموزش دانلود و نصب بوت استرپ (Bootstrap)

همانطور که در مقاله "بوت استرپ چیست؟" توضیح داده شد، بوت استرپ ساخت صفحات اینترنتی را بسیار سریع و راحت تر  کرده است. خوشبختانه فرایند دانلود، نصب و استفاده از بوت استرپ (Bootstrap) نیز فوق العاده آسان است!

فایل های CSS و JavaScript بوت استرپ را دانلود می کنید، در پیج خود به آن ها لینک می دهید و همین! بوت استرپ آماده ی استفاده است.

امکانات بدردبخور بوت استرپ: Container

در مورد تراز بندی صفحه اندکی صحبت کردیم.. کانتینر (Container) بوت استرپ هم دقیقا به همین درد می خورد.. تراز بندی صفحه!

اگه می خواید تمام المان های صفحه رو درون باکس هایی با عرض ثابت قرار بدید، قطعا این قابلیت به کارتون میاد.

کانتینر (Container) بوت استرپ چیست؟

کانتینر همانند یک قفس تمامی المان های صفحه را درون خود محبوس می کند!

طبق گفته سایت بوت استرپ "کانتینر (Container) ابتدایی ترین المان پیکربندی صفحات است که برای استفاده از سیستم گرید (Grid) بوت استرپ ضروری می باشد."

برای استفاده از گرید بوت استرپ، اولین کدی باید نوشته شود، کد Container است...

<div class="container>
  <div class="row>
    ...
  </div>
</div>

انواع Container

کانتینر به دو صورت قابل استفاده است...

  • تمام عرض (Fluid Container)
  • عرض ثابت (Fixed Container)

زمانی که از کانتینر ثابت استفاده شود، بوت استرپ به صورت خودکار عرض آن را متناسب با کوچکی یا بزرگی صفحه تنظیم می کند. استفاده از کانتینر با عرض ثابت بسیار متداول تر است.

پس نتیجه میگیریم که کانتینر (Container) بوت استرپ قابلیت خوبی است.. حتما از آن استفاده کنید!

مطالب مرتبط

آیا نظرات دیجی کالا واقعی اند؟!

شاید مثمرثمرترین بخش دیجی کالا برای خیلی ها، بخش نظراتش باشد!

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

اما سوالی که چند وقته ذهنم رو مشغول کرده اینه که آیا واقعا نظرات دیجی کالا واقعی اند؟!

چرا انقدر نظرات دیجی کالا شبیه به هم اند؟ چرا انقدر نظرات ضد و نقیض اند؟ چرا انقدر نظرات دیجی کالا مزخرف اند؟

لینک بیلدینگ داخلی آخرین روش برای گرفتن رنگ از گوگل!

الان 8 روز گذشته که مقاله "بوت استرپ (Bootstrap) چیست؟" رو ارسال کردم و تنها چیزی که بدست اومده ایندکس شدن یکی از عکسام اونم تازه با دامین bayanbox عه!

از اون موقع تنها کارایی که انجام دادم یه مقدار بهینه تر کردن مطلب و ریسپانسیو کردن قالب وبلاگ بوده تا گوگل انقدر با اخطارهاش رو مخم را نره!

بوت استرپ (Bootstrap) چیست؟

بوت استرپ (Bootstrap) چیست؟

می خواهید در عرض چند دقیقه یه سایت رو بالا بیارید؟ پول اضافی ندارید به طراح سایت یا کدنویس بدید؟ از سر و کله زدن با کدهای اجق وجق CSS خوشتون نمیاد؟ خب باید بگم گوگل بهترین نتیجه برای عبارت "بوت استرپ (Bootstrap) چیست؟" را به شما نشان داده است...

اهمیت لینک ادامه مطلب و تصویر شاخص پست

اهمیت لینک ادامه مطلب و تصویر شاخص پست

لینک ادامه چیست و به چه دردی میخورد؟

راحت بگم بدون لینک ادامه مطلب وبلاگ میشه یه چیزی شبیه زباله دونی! اصلا معلوم نیست کی به کیه؟ چی گذاشت؟ حرف حساب نویسنده چیه؟

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

تقسیم و حل براساس اهمیت

لوگوی داغون، سایدبار چرت و پرت، مطالب چرت و پرت تر، صفحه لیست خراب و بیروح، منوی بی مصرف، عدم نمایش خوب تو موبایل و ...

خب از کدومش شروع کنیم؟ کدومش مهمتره؟ کدومش آسونتره؟ کدومش واجب تره؟ کدومش رو خودم بیشتر باهاش حال میکنم؟

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

عاملی که نویسندگی در blog.ir رو سخت می کنه

در این دو سه روزه کار با blog.ir ازش داره خوشم میاد ولی یه مورد هست که شدیدا داره آزارم میده: ویرایش گر متنش خوب نیست.

  • برای جدا کردن پاراگراف ها باید دوبار Enter بزنی که یه تگ <p> بیخودی به HTML اضافه می کنه
  • وقتی یه عکس به ویرایشگر اضافه می کنی نمیتونی راحت سایزش رو تغییر بدی
بهتر است از تصاویر کوچک تر از متن اصلی استفاده کنیم!

بهتر است از تصاویر کوچک تر از متن اصلی استفاده کنیم!

سایز عکسی که تو متن وبلاگمون استفاده می کنیم می تونه تاثیر قابل توجهی در خوانا بودن متن مون داشته باشه!

در این پست بررسی می کنیم که آیا عکس از متن اصلی کوچک تر باشه، بزرگ تر یا هم اندازه؟

تراز کردن سایت چقدر اهمیت دارد؟

یک قانون ساده در مورد تراز بندی سایت وجود دارد: اگر چیزی از تراز خارج شود، جلب نظر می کند.

این قانون هم می تواند به نفع و هم ضرر ما تمام شود زیرا اگر از آن درست استفاده نکنیم، بازدید کننده در هنگام ورود به سایت هواسش به چیزهایی پرت می شود که نباید شود!! و برعکس اگر وبسایتی درست تراز بندی شود، بازدید کننده در بدو ورود می فهمد که اصل مطلب دقیقا کجاست.

در این پست اندکی راجب ترازبندی وبسایت صحبت می کنیم...

کدام سایز برای بلاگ مناسبه؟ تمام عرض یا عرض ثابت؟

کمتر پیش میاد که مقاله ای رو تا آخر بخونم!!

این موضوع بیشتر از آنکه به نویسنده مقاله مربوط بشه، به طراح قالب سایت مربوطه چون حتی مقاله هایی هم خیلی خوب نوشته شدند به دلیل طراحی ضعیف و عدم رعایت یک سری نکات ریز، غیر قابل خوندن می شن. البته منظورم سایت های درپیت و الکی نیست! انگشت اشاره ام به سوی سایت های بزرگی چون Wikipedia و CNET هستش که با وجود اینکه این همه بازدید کننده در ماه و سال می گیرن و باید تمام سلیقه های مختلف رو به خوبی جواب بدن، چرا خوندن مقاله هاشون تا انتها انقدر سخته!!!

به شخصه خیلی دوست دارم مقاله های این سایت های بزرگ رو تا آخر بخونم و هرچقدر می تونم ازشون اطلاعات کسب کنم ولی یه عاملی این وسط مانع میشه طوری که بعد از خوندن چند پاراگراف کلا کلافه میشم و در آخر CTRL+W (نزنید یه وقت ها!). به نظرم یکی از عوامل تاثیر گذار روی این قضیه سایز قسمتی است که نوشته ها داخلش قرار میگیره یا بهتریم بگیم عرض کادر محتوی. در این مقاله می خوام یه مقدار موضوع رو باز کنم و ببینم چه سایزی برای یک سایت وبلاگ مانند مناسبه؟ تمام عرض یا عرض ثابت؟