Bootstrap 5 লিখন/ফর্ম্যাটিং
- পূর্ববর্তী পৃষ্ঠা বিএস৫ গ্রিড ফাউন্ডেশন
- পরবর্তী পৃষ্ঠা বিএস৫ রঙ
Bootstrap 5 ডিফল্ট সেটিং
Bootstrap 5 ডিফল্ট font-size 1rem (ডিফল্ট 16px) হয়ে থাকে,line-height হল 1.5।
এছাড়া, সবগুলো <p> এলিমেন্টগুলোকে margin-top: 0 Bootstrap 5 সবজানা প্রক্ষেপণ রঙ এবং কিছু ইনসইড প্যাডিং ব্যবহার করবে margin-bottom: 1rem )(ডিফল্ট 16px)।
<h1> - <h6>
Bootstrap 5 HTML শিরোনাম (<h1> থেকে <h6>）এর শৈলীটি ব্যবহার করা যেতে পারে, যার ফলে আরও বড় ফন-ওয়েইট এবং প্রতিক্রিয়ামূলক ফন-সাইজ হবে।
উদাহরণ
যদি প্রয়োজন, তবে অন্যান্য এলিমেন্টের উপরেও .h1 থেকে .h6 শিরোনাম হিসাবে প্রকাশ করার জন্য ক্লাসটি ব্যবহার করা যেতে পারে:
উদাহরণ
<p class="h1">h1 Bootstrap heading</p> <p class="h2">h2 Bootstrap heading</p> <p class="h3">h3 Bootstrap heading</p> <p class="h4">h4 Bootstrap heading</p> <p class="h5">h5 Bootstrap heading</p> <p class="h6">h6 Bootstrap heading</p>
display শিরোনাম
display শিরোনাম সাধারণ শিরোনামের তুলনায় আরও বেশি বেশি উপস্থাপনা (বড় ফন-সাইজ এবং সুতোয়মা ফন-ওয়েইট), ছয়টি শ্রেণী বাছাই করা যায়:.display-1 থেকে .display-6:
উদাহরণ
<small>
Bootstrap 5-এ, HTML <small> এলিমেন্ট (এবং .small কোনো শিরোনামে ছোট সহযোগী টেক্সট তৈরি করার জন্য ব্যবহৃত হয়:
উদাহরণ
Bootstrap 5 将使用黄色背景颜色和一些内边距来设置 Bootstrap 5 সবজানা প্রক্ষেপণ রঙ এবং কিছু ইনসইড প্যাডিং ব্যবহার করবে <mark> এবং
উদাহরণ
Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে:
.mark Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে: <abbr>
উদাহরণ
<blockquote>
অন্য সূত্রের কনটেন্টকে উল্লেখ করার জন্য, ইলেমেন্টের শৈলীটিকে নিম্নরূপে সংযোজন করুন .blockquote শ্রেণী যোগ করুন <blockquote>যখন নামকরণ করছেন, যেমন 'বিশ্ব প্রাকৃতিক প্রতিষ্ঠানের ওয়েবসাইট থেকে', নিম্নরূপ শ্রেণীটিকে ব্যবহার করুন .blockquote-footer শ্রেণী:
উদাহরণ
<dl>
Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে: <dl> ইলেমেন্টের শৈলী:
উদাহরণ
<code>
Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে: <code> ইলেমেন্টের শৈলী:
উদাহরণ
<kbd>
Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে: <kbd> ইলেমেন্টের শৈলী:
উদাহরণ
<pre>
Bootstrap 5 HTML র শৈলীটি নিম্নরূপে সংযোজন করবে: <pre> ইলেমেন্টের শৈলী:
উদাহরণ
আরও রূপায়ন শ্রেণী
নিচের Bootstrap 5 শ্রেণীগুলোকে HTML ইলেমেন্টের শৈলীতে আরও যোগ করা যেতে পারে:
| শ্রেণী | বর্ণনা | উদাহরণ |
|---|---|---|
.lead |
অনুচ্ছেদ উল্লেখযোগ্য করুন | চেষ্টা করুন |
.text-left |
বামদিকে সামান্য সামঞ্জস্য রাখান | চেষ্টা করুন |
.text-break |
দীর্ঘ ভাষা ভিত্তিক ডিজাইন ক্ষতিগ্রস্ত না করুন | চেষ্টা করুন |
.text-center |
মধ্যবর্তী সামঞ্জস্য রাখান | চেষ্টা করুন |
.text-decoration-none |
লিঙ্কের নিচের লাইন নিরসন | চেষ্টা করুন |
.text-end |
ডানদিকে সামান্য সামঞ্জস্য রাখান | চেষ্টা করুন |
.text-nowrap |
লিন্কযোগ না করে ভাষা নির্ধারণ | চেষ্টা করুন |
.text-lowercase |
ছোট ভাষা নির্ধারণ | চেষ্টা করুন |
.text-uppercase |
বড় ভাষা নির্ধারণ | চেষ্টা করুন |
.text-capitalize |
বড় ভাষা নির্ধারণ | চেষ্টা করুন |
.initialism |
<abbr> ইলেমেন্টের ভাষাটিকে কিছু ছোট ফন্টে দেখান | চেষ্টা করুন |
.list-unstyled |
তালিকা আইটেমের ডিফল্ট list-style এবং বাম বাহ্যিক মার্গ (উদাহরণ: <ul> এবং <ol>) সরাতে এই শৈলীটি শুধুমাত্র প্রত্যক্ষ সাব-তালিকায় প্রযোজ্য কোনও নিহিত তালিকায় ডিফল্ট তালিকা শৈলী সরাতে, এই শৈলীটিকে নিহিত তালিকাতেও আপলোড করুন。 |
চেষ্টা করুন |
.list-inline |
সব তালিকা আইটেমকে একটি সারিতে রাখুন。 প্রত্যেক <li> ইলেমেন্টের .list-inline-item সঙ্গে ব্যবহার করুন。 |
চেষ্টা করুন |
- পূর্ববর্তী পৃষ্ঠা বিএস৫ গ্রিড ফাউন্ডেশন
- পরবর্তী পৃষ্ঠা বিএস৫ রঙ
