বুটস্ট্রাপ সিএসএস টাইপোগ্রাফী রেফারেন্স -Bootstap CSS Text Refernece
বুটস্ট্রাপ ডিফল্ট সেটিংস
বুটস্ট্রাপের ডিফল্ট ফন্ট-সাইজ ১৪পিক্সেল এবং লাইন হাইট ১.৪২৮।
এটি <body> এবং সকল প্যারাগ্রাফে জন্য প্রযোজ্য।
সকল <p> এলিমেন্টের নিচের মার্জিন আছে যা তাদের লাইন-উচ্চতার অর্ধেক। ডিফল্ট ভ্যালু হচ্ছে ১০ পিক্সেল।
বুটস্ট্রাপ টাইপোগ্রাফী
নিচের এইচটিএমএল এলিমেন্টগুলোকে বুটস্ট্রাপের সাহায্যে ব্রাউজারের ডিফল্ট স্টাইলের তুলনায় একটু ভিন্ন স্টাইলে দেখানো হবে। "টাইপোগ্রাফী টিউটোরিয়াল" উদাহরণগুলোতে ফলাফল/ভিন্নতা দেখুন।
এলিমেন্টকে আরো স্টাইল করার জন্য নিচের ক্লাসগুলোকে ব্যবহার করুন।
| এলিমেন্ট/ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| <h1> - <h6> অথবা .h1 - .h6 |
h1 - h6 হেডিং | টাইপোগ্রাফী টিউটোরিয়াল |
| <small> | হাল্কা রঙয়ের সেকেন্ডারী টেক্সট তৈরি করে
হেডিং (সেকেন্ডারী টেক্সট) |
টাইপোগ্রাফী টিউটোরিয়াল |
| .small | অপেক্ষাকৃত ছোট টেক্সট করতে ব্যবহার করা হয় (প্যারেন্টের সাইজের ৮৫%): ছোট টেক্সট |
টাইপোগ্রাফী টিউটোরিয়াল |
| .lead | অপেক্ষাকৃত বড় টেক্সট করতে ব্যবহার করা হয়ঃ বড় টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| <mark> অথবা .mark |
হাইলাইট টেক্সটঃ হাইলাইটেড টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| <del> | ডিলেট হওয়া টেক্সটকে বুঝায়ঃ |
টাইপোগ্রাফী টিউটোরিয়াল |
| <s> | অপ্রাসঙ্গিক টেক্সটকে নির্দেশ করেঃ |
টাইপোগ্রাফী টিউটোরিয়াল |
| <ins> | যুক্ত হওয়া টেক্সটকে বুঝায়ঃ যুক্ত হওয়া টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| <u> | আন্ডারলাইন করতে ব্যবহার করা হয়ঃ আন্ডারলাইন টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| <strong> | টেক্সটকে বোল্ড করতে ব্যবহার করা হয়ঃ বোল্ড টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| <em> | টেক্সটকে ইটালিক করতে ব্যবহার করা হয়ঃ ইটালিক টেক্সট | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-left | টেক্সটকে বামে এ্যালাইন করতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-center | টেক্সটকে মাঝে এ্যালাইন করতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-right | টেক্সটকে ডানে এ্যালাইন করতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-justify | টেক্সটকে দুইদিকে সমান রাখতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-nowrap | টেক্সটকে এক লাইনে দেখাতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-lowercase | টেক্সটকে ছোটহাতের টেক্সটে রুপান্তরিত করতে ব্যবহার করা হয়ঃ LOWERCASED TEXT | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-uppercase | টেক্সটকে বড়হাতের করতে ব্যবহার করা হয়ঃ uppercased text | টাইপোগ্রাফী টিউটোরিয়াল |
| .text-capitalize | টেক্সটকে capitalize করতে ব্যবহার করা হয় capitalized text | টাইপোগ্রাফী টিউটোরিয়াল |
| <abbr> | <abbr> এলিমেন্ট সংক্ষিপ্ত শব্দকে বুঝায়। টাইটেল এট্রিবিউটযুক্ত সংক্ষিপ্ত শব্দের নিচে ডট আকৃতির বর্ডার থাকে এবং হোভার করলে অতিরিক্ত তথ্য দেওয়ার জন্য একটি হেল্প কার্সর আসবে। | টাইপোগ্রাফী টিউটোরিয়াল |
| .initialism | <abbr> এলিমেন্টের মাঝের ফন্ট সাইজ ছোট করার জন্য ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| <address> | যোগাযোগের তথ্য সরবরাহ করে | টাইপোগ্রাফী টিউটোরিয়াল |
| <blockquote> | ভিন্ন উৎস থেকে নেওয়া কন্টেন্টের ব্লক দেখানোর জন্য ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .blockquote-reverse | একটি উদ্ধৃতির কন্টেন্টকে ডানপাশ থেকে শুরু করে | টাইপোগ্রাফী টিউটোরিয়াল |
| <ul> | একটি আনঅর্ডার লিস্ট তৈরি করে | টাইপোগ্রাফী টিউটোরিয়াল |
| <ol> | একটি অর্ডার লিস্ট তৈরি করে | টাইপোগ্রাফী টিউটোরিয়াল |
| .list-unstyled | বামপাশের মার্জিন এবং ডিফল্ট লিস্ট-স্টাইল বাদ দেওয়া হয়। ( <ul> এবং <ol> দুইটিতেই কাজ করে)। এই ক্লাসটি সরাসরি লিস্ট এলিমেন্টের জন্য প্রযোজ্য। | টাইপোগ্রাফী টিউটোরিয়াল |
| .list-inline | সকল লিস্ট আইটেমকে এক লাইনে নিয়ে আসে | টাইপোগ্রাফী টিউটোরিয়াল |
| <dl> | একটি ডেস্ক্রিপশন লিস্ট তৈরি করতে ব্যবহার করা হয় | টাইপোগ্রাফী টিউটোরিয়াল |
| .dl-horizontal | <dl> এলিমেন্টের বর্ননা পাশাপাশি দেখায়। ইহা প্রথমে ডিফল্ট <dl> এর মতই দেখায়, কিন্তু যখন ব্রাউজার উইন্ডো বড় করা হয়, ইহা পাশাপাশি দেখানো হয়। | টাইপোগ্রাফী টিউটোরিয়াল |
বুটস্ট্রাপ কোড
| এলিমেন্ট/ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| <var> | ভ্যারিয়েবলকে বুঝায়ঃ x = ab + y | টাইপোগ্রাফী টিউটোরিয়াল |
| <kbd> | কীবোর্ডের মাধ্যমে টাইপ করা ইনপুটকে নির্দেশ করেঃ CTRL + P | টাইপোগ্রাফী টিউটোরিয়াল |
| <pre> | একাধিক লাইনের কোডকে নির্দেশ করে | টাইপোগ্রাফী টিউটোরিয়াল |
| <pre class="pre-scrollable"> | স্ক্রলবারসহ একাধিক লাইনের কোডকে নির্দেশ করে | টাইপোগ্রাফী টিউটোরিয়াল |
| <samp> | কম্পিউটার প্রোগ্রামের একটি নমুনা দেখানো হয়ঃ নমুনা | টাইপোগ্রাফী টিউটোরিয়াল |
| <code> | কোডের কিছু অংশ নির্দেশ করেঃ span, div |
টাইপোগ্রাফী টিউটোরিয়াল |