تایپوگرافی
از تگهای h1 تا h6 برای دریافت عنوانهای دلخواه استفاده کنید.
h1. عنوان بوت استرپ
h2. عنوان بوت سترپ
h3. عنوان بوت استرپ
h4. عنوان بوت استرپ
h5. عنوان بوت استرپ
h6. عنوان بوت استرپ
پاراگراف با توجیه
برای ایجاد پاراگراف دلخواه از تگ text-justify استفاده کنید.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
تراز کردن متن
برای دستیابی به متن دلخواه از تگهای text-start, text-center, text-end استفاده کنید.
متن تراز شده به سمت چپ در تمام اندازههای صفحهنمایش.
متن تراز شده به مرکز در تمام اندازههای صفحهنمایش.
متن تراز شده به سمت راست در تمام اندازههای صفحهنمایش.
تراز متن بر اساس اندازه صفحهنمایش
برای دستیابی به متن دلخواه از تگهای text-sm-start, text-md-start, text-lg-start, text-xl-start استفاده کنید.
متن تراز شده به سمت چپ در صفحهنمایشهای کوچک (SM) یا بزرگتر.
متن تراز شده به سمت چپ در صفحهنمایشهای متوسط (MD) یا بزرگتر.
متن تراز شده به سمت چپ در صفحهنمایشهای بزرگ (LG) یا بزرگتر.
متن تراز شده به سمت چپ در صفحهنمایشهای بسیار بزرگ (XL) یا بزرگتر.
ضخامت و کجنویسی متن
برای دستیابی به متن دلخواه از تگهای fw-bold, fw-normal, fst-italic استفاده کنید.
متن با ضخامت بالا (Bold).
متن با ضخامت نرمال.
متن کج (Italic).
رنگهای متن
برای دستیابی به متن با رنگ دلخواه از کلاسهای زیر استفاده کنید.
این یک مثال از متن کم رنگ است. برای این کار از کلاس text-muted استفاده کنید.
این یک مثال از متن با رنگ اصلی است. برای این کار از کلاس text-primary استفاده کنید.
این یک مثال از متن موفقیتآمیز است. برای این کار از کلاس text-success استفاده کنید.
این یک مثال از متن اطلاعاتی است. برای این کار از کلاس text-info استفاده کنید.
این یک مثال از متن هشدار است. برای این کار از کلاس text-warning استفاده کنید.
این یک مثال از متن خطرناک است. برای این کار از کلاس text-danger استفاده کنید.
آدرس
برای نمایش آدرس از تگ address استفاده کنید.
نقل قولها
برای نمایش نقل قول از تگ blockquote استفاده کنید.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
- نام منبع عنوان منبع
لیست مرتب (Ol Listing)
برای ایجاد لیست مرتب از تگهای ol > li استفاده کنید.
- مورد اول
- مورد دوم
- مورد سوم
لیست نامرتب (Ul Listing)
برای ایجاد لیست نامرتب از تگهای ul > li استفاده کنید.
- مورد اول
- مورد دوم
- مورد سوم
متن توصیفی (Description Text)
برای ایجاد لیست توصیفی از تگهای dl > dt استفاده کنید.
- عنوان
- توضیح یا شرح مربوط به عنوان
- عنوان
- توضیح یا شرح مربوط به عنوان
لیست شماره 1
برای استفاده از آیکونها، از کلاس list-icons در ul استفاده کنید.
لیست با پیوند
از کلاس list-iconsبرای دریافت لیست ol مورد نظر از ul استفاده کنید.
لیست با پیوند
از کلاس list-iconsبرای دریافت لیست ol مورد نظر از ul استفاده کنید.