SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


Bootstrap এর কিছু টেক্সট ক্লাস

লেখাকে বিভিন্ন ভাবে প্রকাশ করার জন্য Bootstrap কিছু class লেখার প্রয়োজন হয়। bootstrap লেখার জন্য class="text" ব্যবহার করতে হবে আর সেই class এর ভিতরে নিদিষ্ট class এর নাম লিখতে হবে যেটা আগে থেকে bootstrap এ লেখা আছে তার কাজ কি ।


Bootstrap টেক্সটে ব্যবহৃত ক্লাস এর নাম গুলো নিচে দেওয়া হল :


<code><kbd> <mark>.mark <small>.small .lead.text-lowercase .text-uppercase.text-capitalize .list-unstyled .pre-scrollable

<code> Bootstrap কোন লেখার কিছুটা অংশ যদি এই ট্যাগ ব্যবহার করা হয় লেখাটি লাল রঙের দেখাবে।

bootstrap code tag This is code tag


<kbd> Bootstrap কোন লেখার মধ্যে যদি এই ট্যাগ ব্যবহার করা হয় লেখাটি সাদা রঙের দেখাবে ও ব্যাকগ্রাউন্ড টি কালো ।

bootstrap kbd tag This is kbd tag


<mark> Bootstrap কোন লেখার কিছুটা অংশ যদি এই ট্যাগ ব্যবহার করা হয় লেখাটির ব্যাকগ্রাউন্ড হাল্কা হলুদ রঙের দেখাবে । মনে রাখবেন যদি .mark ক্লাস ব্যবহার করেন কোন ট্যাগের ভিতরে তাহলে পুরো লাইন বা লেখার ব্যাকগ্রাউন্ডটি হাল্কা হলুদ দেখাবে ।

bootstrap mark tag This is mark tag
bootstrap mark tag

This is mark class



<small> Bootstrap কোন লেখার কিছুটা অংশ যদি<small> ট্যাগ বা কোন ট্যাগের ভিতরে .small ক্লাস ব্যবহার করা হয় তাহলে লেখাটি নরমাল লেখার তুলনায় কিছুটা ছোট দেখাবে ।

bootstrap small tag This is small tag
bootstrap small class

This is small class



.lead ক্লাস দ্বারা Bootstrap কোন লেখার ফন্ট স্টাইল পরিবর্তন করা যায়।

bootstrap code tag

This is lead Class for font style.



.text-lowercase ক্লাস দ্বারা Bootstrap কোন বড় হাতের বা ক্যাপিটাল লেখাকে খুব সহজে ছোট হাতের লেখাতে রূপান্তরিত করা যায় ।

bootstrap lowercase class

THIS IS LOWERCASE FONT.



.text-uppercase ক্লাস দ্বারা Bootstrap কোন ছোট হাতের লেখাকে খুব সহজে বড় ক্যাপিটাল হাতের লেখাতে রূপান্তরিত করা যায় ।

bootstrap uppercase class

this is uppercase text.



.text-capitalize ক্লাস দ্বারা Bootstrap কোন লেখার প্রতিটি ওয়ার্ড এর প্রথম ক্যারেক্টারটি ক্যাপিটাল বা বড় হাতের লেখাতে রূপান্তরিত করা যায় ।

bootstrap capitalize class

this is capitalize text.



.list-unstyled ক্লাস দ্বারা Bootstrap কোন লিস্ট ট্যাগের বুলেট

  • বা 123 নাম্বারিং লুকিয়ে রাখা যায় ।

    bootstrap capitalize class
    • no bullet
    • no numbering
    • plane text


    .pre-scrollable ক্লাস দ্বারা Bootstrap কোন লেখার মধ্যে স্ক্রলবার যুক্ত করতে পারি কিন্তু এখানে মনে রাখতে হবে এই ক্লাসটি <Pre> ট্যাগের মধ্যে লিখতে হবে ।

    bootstrap pre-scrollable
    This
      is scrollabletext.you can see rightside a
      scrollbar.

    .pre-scrollable