বুটস্ট্রাপ৩ টাইপোগ্রাফী (Bootstrap3 Typography)

বুটস্ট্রাপের ডিফল্ট সেটিং

বুটস্ট্রাপে গ্লোবাল ফন্ট-সাইজ হলো ১৪ পিক্সেল, এবং লাইন-উচ্চতা হলো ১.৪২৮।

এটি < body > এবং সকল প্যারাগ্রাফ এলিমেন্টের জন্য প্রযোজ্য।

সকল < p > এলিমেন্টের নিচে মার্জিন আছে যা তার লাইন-উচ্চতার অর্ধেক। (ডিফল্ট হচ্ছে ১০ পিক্সেল)।


বুটস্ট্রাপ এবং ব্রাউজার ডিফল্ট এর পার্থক্য

এই অধ্যায়ে, আমরা এইচটিএমএল এলিমেন্টের দিকে তাকালে দেখতে পাবো যে ব্রাউজারের ডিফল্ট স্টাইলের চেয়ে বুটস্ট্রাপের ডিফল্ট স্টাইলে কিছুটা ভিন্নতা রয়েছে।


< h1 > - < h6 >

বুটস্ট্রাপ এইচটিএমএল হেডিং এলিমেন্টগুলোকে (< h1 > থেকে < h6 >) নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=776

< small >

বুটস্ট্রাপে এইচটিএমএল < small > এলিমেন্ট যেকোনো হেডিং এ একটি লাইটার, সেকেন্ডারি টেক্সট তৈরি করেঃ

kt_satt_skill_example_id=777

< mark >

বুটস্ট্রাপ এইচটিএমএল < mark > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=778

< abbr >

বুটস্ট্রাপ এইচটিএমএল < abbr > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=779

< blockquote >

বুটস্ট্রাপ এইচটিএমএল < blockquote > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=780

কোটেশনকে ডানদিকে দেখানোর জন্য .blockquote-reverse ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=782

< dl >

বুটস্ট্রাপ এইচটিএমএল < dl > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=784

< code >

বুটস্ট্রাপ এইচটিএমএল < code > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=786

< kbd >

বুটস্ট্রাপ এইচটিএমএল < kbd > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=789

< pre >

বুটস্ট্রাপ এইচটিএমএল < pre > এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ

kt_satt_skill_example_id=791

কালার এবং ব্যাকগ্রাউন্ড

বুটস্ট্রাপের কিছু কনটেকচুয়াল ক্লাস আছে যারা "অর্থবহ কালার" নির্ধারন করে।

টেক্সট কালারের জন্য ক্লাসগুলো হচ্ছেঃ .text-muted, .text-primary, .text-success, .text-info, .text-warning, এবং .text-danger:

kt_satt_skill_example_id=793

ব্যাকগ্রাউন্ড কালারের ক্লাসগুলো হচ্ছেঃ .bg-primary, .bg-success, bg-info, bg-warning, এবং .bg-danger:

kt_satt_skill_example_id=794

টাইপোগ্রাফীর অন্যান্য ক্লাস

এইচটিএমএল এলিমেন্টকে স্টাইল করার জন্য নিম্নোক্ত বুটস্ট্রাপ ক্লাসগুলো ব্যবহার করা যায়ঃ

ক্লাসবর্ণনাউদাহরণ
.leadএকটি প্যারাগ্রাফকে লক্ষ্যনীয় করে তু্লে।উদাহরণ দেখুন
.smallছোট টেক্সটকে নির্দেশ করে (প্যারেন্টের ৮৫% সাইজে সেট করে)উদাহরণ দেখুন
.text-leftটেক্সটকে বামে এ্যালাইন করে।উদাহরণ দেখুন
.text-centerটেক্সটকে মাঝখানে এ্যালাইন করে।উদাহরণ দেখুন
.text-rightটেক্সটকে ডানে এ্যালাইন করে।উদাহরণ দেখুন
.text-justifyটেক্সটকে justify করে।উদাহরণ দেখুন
.text-nowrapটেক্সটে no wrap করে।উদাহরণ দেখুন
.text-lowercaseছোট হাতের লেখাতে পরিনত করে।উদাহরণ দেখুন
.text-uppercaseবড় হাতের লেখাতে পরিনত করে।উদাহরণ দেখুন
.text-capitalizeলেখাকে capitalize করে।উদাহরণ দেখুন
.list-unstyledডিফল্ট লিস্ট-স্টাইল এবং বাম দিকের মার্জিন মুছে ফেলে(
    এবং
      উভয়ের ক্ষেত্রে কাজ করে )। এই ক্লাস শুধু নেস্টেড লিস্টের সবচেয়ে কাছাকাছি লিস্টে ব্যবহার হয় (এই ক্লাস যেকোনো নেস্টেড লিস্টের ডিফল্ট লিস্ট-স্টাইল মুছে দেয়)।
উদাহরণ দেখুন
.list-inlineসকল লিস্ট আইটেমকে একটি একক লাইনে পরিনত করে ফেলে।উদাহরণ দেখুন
.dl-horizontalএকের পর এক লিস্টের বর্ণনা দেয়।উদাহরণ দেখুন


 

Content added || updated By

আরও দেখুন...

Promotion