آموزش بوت استرپ (گام 5) فونت آیکون

طبق درخواست مکرر دوستان و استقبال مناسبی که شد قسمت پنجم آموزش فریم ورک بوت استرپ را تقدیمتان میکنم. در این قسمت با پکیج فونت آیکون آشنا خواهید شد. فیلم این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/v3/bootstrap-p5-glyphicon.mp4.zip*32*17[/dl_box_user] برای استفاده از آیکون های موجود در پکیج بوت استرپ باید از تگ <span> برای فراخوانی کلاس glyohicon استفاده کنیم. در نهایت نام آیکون مورد نظر را بصورت کلاس به این تگ اضافه میکنیم : [crayon-5880efd946f30500083595/] در css و یونیکد برای اینکه فونت ما را به عنوان یک آبجکت تزپینی بشناسد شناسه aria-hidden را برابر true ...

آموزش بوت استرپ (گام 4) دکمه ها و کلاس های کمکی

ضمن عرض سلام ، چهارمین قسمت آموزش فریم ورک محبوب بوت استرپ را تقدیمتان میکنم . ویدئو این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/v3/bootstrap-p4-btn-helper.mp4*47[/dl_box_user]   اما چکیده این قسمت : از طریق 3 تگ <a> , <input> و <button> میتوان دکمه های بوت استرپی تولید کرد . ابتدا کلاس btn را به آن نسبت میدهیم ، این کلاس به 3 تگ مذکور حاشیه اضافه میکند اما دکمه بوت اسرپی ما هنوز آماده نیست ؛ برای رنگبندی دکمه باید از یکی کلاس های btn-default , btn-primary , btn-success , btn-info , btn-warning , btn-danger ...

آموزش بوت استرپ (گام3) فرم ها و جداول

سومین قسمت از دوره آموزشی بوت استرپ را تقدیمتان میکنم ، برای دانلود ویدئوی این قسمت میتوانید از باکس زیر اقدام کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/4/bootstrap-3-form-table.zip*27[/dl_box_user]   در این قسمت در مورد جداول و فرم ها با بوت استرپ آشنا میشید. در زیر مجموعه کلاس هایی که میتوان برای تگ <table> تعیین کرد را مثال میزنم ، اولین کلاس table است که با اضافه کردن این کلاس جدول بوت استرپی خود را می سازیم: [crayon-5880efd94b213951909282/] اگر کلاس table-striped را به تگ <table> اضافه کنیم سطر های جدول یکی در میان خاکستری میشن تا بهتر قابل تشخیص باشند: [crayon-5880efd94b21b320750738/]   برای اضافه کردن خط ...

آموزش بوت استرپ (گام2) طرح کلی و رسپانسیو

همانظور که در جلسه قبل گفتم فریم ورک های طراحی وب شامل یکسری کد ها و استایل های آماده هستند و ما از این ها در طراحی وبمون استفاده میکنیم. در ادامه ابتدا کلاس (استایل) های مروبط به بوت استرپ را برسی و گام به گام سراغ بقیه کد ها خواهیم رفت. ویدئو این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/4/bootstrap-p2-grid.zip*52[/dl_box_user]   چکیده این قسمت : اولین کلاس کاربردی در بوت استرپ container است ، از این کلاس برای ساخت باکس کلی سایت استفاده خواهد شد و تمام کد ها درون این کلاس قرار خواهند ...

آموزش بوت استرپ ( گام 1 ) bootstrap چیست ؟

با سلام ، در این جلسه اولین قسمت آموزش بوت استرپ را تقدیمتان میکنم . اولین ویدیو آموزشی این دوره را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/5/bootsrat-p1-starting.mkv*34*12[/dl_box_user]   بوت استرپ یکی از فریم ورک های طراحی صفحات وب هست . فریم ورک های طراحی وب شامل یکسری کد و استایل آماده است که طراح از آن برای ساخت قالب صفحه وب استفاده میکند. _ استفاده از فریم ورک ها چه مزیت هایی دارد ؟ 1- استفاده کردن از ابزار و امکانات آماده طراح را از جزیات دوره میکند ؛ ابزار رسپانسیو و واکنشگرا کردن از جمله ...