زمان کنونی: ۱۱-۴-۱۳۹۵, ۰۶:۲۱ عصر درود مهمان گرامی! (ورودثبت نام)


[-]

اطلاعیه ها


سلام و عرض وقت بخیر خدمت دوستان و کاربران گرامی

جهت پرسش و پاسخ و دریافت پاسخ سریعتر لطفا از بخش پرسش و پاسخ وب سایت Softskill.ir استفاده نمایید.

برای ورود به بخش پرسش و پاسخ وب سایت جدید کلیک کنید.


آموزش بوت استرپ-قسمت سوم
زمان کنونی: ۱۱-۴-۱۳۹۵, ۰۶:۲۱ عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: developzoom
آخرین ارسال: abkala
پاسخ: 2
بازدید: 229

ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
 

آموزش بوت استرپ-قسمت سوم

۳-۲۱-۱۳۹۵, ۰۱:۰۶ عصر
ارسال: #1
آموزش بوت استرپ-قسمت سوم
[تصویر:  developzoom-bootstrap-typography.png]

قسمت سوم از سری آموزش های بوت استرپ از سایت دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
.

در این قسمت می خواهیم شما را با اصول پایه و استایل های پیش فرض در بوت استرپ آشنا کنیم.
تایپوگرافی و نوشته ها:

بوت استرپ به صورت پیش فرض یک سری استایل دهی دارد برای مثال:
خاصیت font-size در حالت پیش فرض ۱۴px و خاصیت line-height در حالت مقدار ۱٫۴۲۸ را به خود می گیرد.
خاصیت margin-bottom برای همه پاراگراف ها ۱۰px در نظر گرفته شده.
حالا نگاهی به چند تگ می اندازیم که در حالت پیش فرض چه استایلی با بوت استرپ دارند؟

بوت استرپ برای تگ های h1 تا h6 استایل و اندازه زیر را در نظر می گیرد:

[تصویر:  bootstrap1-1.png]

تگ small معمولا برای نوشته های دوم یا باریکتر زیر هدر اصلی استفاده می شود:

[تصویر:  bootstrap2.png]


تگ mark معمولا برای جلب توجه به یک عبارت یا اصطلاحا برای highlight استفاده می شود:

[تصویر:  bootstrap3.png]

تگ abbr به صورت زیر نمایش داده می شود:

[تصویر:  bootstrap4.png]

تگ blockquote در بوت استرپ به صورت زیر می باشد:

[تصویر:  bootstrap6.png]

نکته: برای نمایش تگblockquote به صورت راست چین می توانید از کلاس blockquote-reverse. استفاده کنید

تگ dl در بوت استرپ به شکل زیر می باشد:

[تصویر:  bootstrap6.png]

تگ code در بوت استرپ به صورت زیر نمایش داده می شود:

[تصویر:  bootstrap7.png]

از تگ kbd در بوت استرپ می توانید به صورت زیر استفاده کنید:

[تصویر:  bootstrap8.png]

ما در این آموزش سعی کردیم به تایپوگرافی هایی از بوت استرپ که کمتر به آن اشاره شده بود نگاهی داشته باشیم برای داشتن لیست کامل این تایپوگرافی ها کافیست در گوگل عبارت Bootstrap Typography Reference را جستجو کنید.
منبع : دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
امضای developzoom دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
,
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۱۰-۱۵-۱۳۹۵, ۱۱:۱۱ صبح
ارسال: #2
RE: آموزش بوت استرپ-قسمت سوم
ممنون از آموزش شما
امضای abkala دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش بوت استرپ – قسمت دوم developzoom 1 272 ۱۰-۱۵-۱۳۹۵ ۱۱:۰۶ صبح
آخرین ارسال: abkala
Star آموزش بوت استرپ – قسمت اول developzoom 1 261 ۱۰-۱۵-۱۳۹۵ ۱۰:۵۹ صبح
آخرین ارسال: abkala
  آشنایی با فریم ورک Bootstrap طراحی قالب ‎(قسمت دوم ) academyit 0 193 ۵-۲۲-۱۳۹۵ ۱۲:۲۴ صبح
آخرین ارسال: academyit
  آشنایی با فریم ورک Bootstrap طراحی قالب ‎(قسمت اول ) academyit 1 416 ۴-۲۵-۱۳۹۵ ۱۲:۱۶ صبح
آخرین ارسال: academyit
  آموزش کاربردی و کامل بوت استرپ academyit 2 406 ۴-۲۵-۱۳۹۵ ۱۲:۱۵ صبح
آخرین ارسال: academyit
  modals در بوت استرپ mashhadweb 0 569 ۸-۱۷-۱۳۹۴ ۰۷:۴۳ عصر
آخرین ارسال: mashhadweb
  آموزش شخصی سازی بوت استرپ با {LESS} mmdsharifi 0 1,101 ۹-۳۰-۱۳۹۳ ۰۱:۲۰ عصر
آخرین ارسال: mmdsharifi
  تازه ترین نسخه بوت استرپ 3.3 متولد شد! mmdsharifi 0 943 ۸-۱۱-۱۳۹۳ ۰۸:۱۹ عصر
آخرین ارسال: mmdsharifi
Heart آموزش پروژه محور بوت استرپ mmdsharifi 10 5,696 ۷-۱۷-۱۳۹۳ ۰۹:۲۰ عصر
آخرین ارسال: mmdsharifi

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان